随笔分类 -  常见网页特效

第145天：jQuery.touchSlider触屏满屏左右滚动幻灯片
摘要：1、HTML 2、CSS 3、js插件下载引入： 阅读全文
posted @ 2018-01-14 22:22 半指温柔乐 阅读(502) 评论(0) 推荐(0)
第68天：原型prototype方法
摘要：一、原型prototype方法声明 构造函数有一个prototype属性，指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。经常使用原型对象来实现继承 二、下拉菜单 阅读全文
posted @ 2017-10-29 22:41 半指温柔乐 阅读(283) 评论(0) 推荐(0)
第65天：仿网易轮播图
摘要：仿网易轮播图 1、HTML部分 2、CSS部分 3、js部分 运行效果： 阅读全文
posted @ 2017-10-26 23:02 半指温柔乐 阅读(300) 评论(0) 推荐(0)
第62天：手风琴效果
摘要：手风琴效果： 阅读全文
posted @ 2017-10-23 22:55 半指温柔乐 阅读(176) 评论(0) 推荐(0)
第58天：简单焦点轮播图
摘要：一、轮播图无缝滚动 1、获取元素，动态生成节点 2、匀速运动动画 3、调用动画函数 4、添加定时器，自动播放 阅读全文
posted @ 2017-10-19 22:21 半指温柔乐 阅读(280) 评论(0) 推荐(0)
第54天：原生js实现轮播图效果
摘要：一、轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。 二、Html布局 首先父容器container存放所有内容，子容器list存放图片。子容器buttons存放按钮小圆点。 优化，无缝滚动。 当你 阅读全文
posted @ 2017-10-15 22:15 半指温柔乐 阅读(262) 评论(0) 推荐(0)
第50天：scrollTo小火箭返回顶部
摘要：scrollTo(x,y)//可把内容滚动到指定的坐标scrollTo(xpos,ypos)//x,y值必需 1、固定导航栏 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>固定导航栏</ 阅读全文
posted @ 2017-10-11 22:22 半指温柔乐 阅读(319) 评论(0) 推荐(0)
第47天：拖动弹出框
摘要：假期结束，继续学习！ 拖动弹出框效果 阅读全文
posted @ 2017-10-08 21:57 半指温柔乐 阅读(172) 评论(0) 推荐(0)
第44天：鼠标移动放大效果
摘要：1、鼠标移动放大效果 阅读全文
posted @ 2017-09-26 23:00 半指温柔乐 阅读(252) 评论(0) 推荐(0)
第42天：焦点图
摘要：1、焦点图 2、左右焦点图 阅读全文
posted @ 2017-09-24 23:00 半指温柔乐 阅读(142) 评论(0) 推荐(0)