
web前端
文章平均质量分 80
小学林
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript入门与进阶
打开新窗口JavaScript为网页添加动态效果并实现与用户交互的功能流程控制语句调用函数使用JS完成一个简单的计算器功能。JavaScript内置对象-统计成绩制作一个表格,显示班级的学生信息。实现选项卡切换的效果打开新窗口<!DOCTYPE html><html> <head> <title> new document </titl...原创 2018-04-30 14:23:31 · 226 阅读 · 0 评论 -
瀑布流布局
js瀑布流布局html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流</title> <script src="js/waterfall.js"&原创 2018-05-20 22:23:51 · 187 阅读 · 0 评论 -
网页定位导航
使用jQuery实现<!doctype html><html><head> <meta charset="UTF-8"> <title>地狗购物网-网页定位导航效果</title> <style> * { margin: 0;原创 2018-05-20 15:49:59 · 757 阅读 · 0 评论 -
导航条菜单的制作
混合布局垂直菜单水平菜单伸缩菜单的制作——改变高度伸缩菜单的制作——水平方向导航条菜单的制作混合布局任务1:完成顶部(top)、底部(foot)宽度自适应任务2:中间分为2两栏,其中,左侧(left)宽度为200px, 右侧(right)宽度自适应任务3:要求右侧(right)先加载,左侧(left)后加载任务4:编写的代码要兼容ie6<!DOCTYPE html PUBLIC "-//W3...原创 2018-04-29 15:02:16 · 361 阅读 · 0 评论 -
了解Ajax
AJAX:Asynchronous JavaScript and XML (异步的 JavaScript 和 XML)Ajax 不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。Ajax三步骤: 1、运用HTML和CSS实现页面,表达信息;2、运用XMLHttpRequest和web服务器进行数据的异步交换;3、运用JavaScript操作DOM,实现动态局部刷新;H...原创 2018-05-19 16:12:58 · 308 阅读 · 0 评论 -
信息滚动效果制作
文字无缝滚动间歇性滚动文字无缝滚动<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&g...原创 2018-05-06 16:51:21 · 203 阅读 · 0 评论 -
倒计时效果
简单时间显示倒计时时差限时抢简单时间显示<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前系统时间</title>原创 2018-05-04 20:21:13 · 336 阅读 · 0 评论 -
商品分类导航
CSS分类导航JS分类导航CSS分类导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css分类导航</title></head><style&am原创 2018-05-09 21:04:14 · 2313 阅读 · 0 评论 -
JS动画效果
链式动画同时运动淘宝动画案例链式动画<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&...原创 2018-05-01 22:55:21 · 225 阅读 · 0 评论 -
DOM事件
给登录按钮添加事件,点击时让登录层示,点击登录面板的关闭按钮,关闭整个登录层抽奖活动下拉菜单给登录按钮添加事件,点击时让登录层示,点击登录面板的关闭按钮,关闭整个登录层<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Documen原创 2018-05-01 21:16:47 · 162 阅读 · 0 评论 -
淘宝搜索栏
淘宝搜索栏<!DOCTYPE html><html lang="en"><head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title>淘宝</title&原创 2018-05-27 20:49:41 · 1799 阅读 · 0 评论