![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 92
winfredzen
这个作者很懒,什么都没留下…
展开
-
Tab选项卡切换
Tab选项卡切换 基本代码 HTML代码: div id="notice" class="notice"> div id="notice-tit" class="notice-tit"> ul> li>a href="#">公告a>li> li>a hre原创 2016-05-06 11:40:41 · 5819 阅读 · 0 评论 -
侧栏工具条开发
侧栏工具条开发 使用背景图片的方式原创 2016-05-09 15:37:51 · 2344 阅读 · 0 评论 -
回到顶部功能实现
CSS上主要注意的是要把posiition设为fixed。 JavaScript实现:window.onload = function () { var button = document.getElementById("btn"); var timer = null; var pagelookHeight = document.documentElement.clientH原创 2016-03-21 14:42:19 · 748 阅读 · 0 评论 -
无缝轮播
无缝轮播内容来自极客学院的视频jQuery 制作无缝轮播的焦点图,关于原理,可以参考视频中的内容。效果如下:主要关键点有: 1.图片的父容器要足够大,图片要水平排列 2.左右按钮的事件,圆点的hover事件,及图片的动画 圆点的hover事件: //鼠标划入圆点 $('.banner .num li').hover(function () {原创 2016-10-19 09:21:24 · 531 阅读 · 0 评论 -
webApp书城开发学习笔记
慕课网上的一个实战项目webApp书城整站开发,记录下学习的过程webApp书城开发学习笔记案例中的技术点1.使用base64格式图片制作,参考【前端攻略】:玩转图片Base64编码2.使用viewport布局移动端页面<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-原创 2017-05-04 11:43:56 · 2225 阅读 · 3 评论