
效果
司空代涵
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
视差容错
1.背景内容滑动速度与滑动条滑动速度一致【随着滑动条而滑动】 解决方法: 将background-attachment 属性设置为 "scroll"(默认) 实例: css: .top1{background:url(../images/xxx.png) no-repeat;} 2.背景内容与滑动条滑动速度(或方向)不一致 解决方法: 将backgrou原创 2016-03-28 11:47:29 · 244 阅读 · 0 评论 -
图片全屏显示——js插件
图片全屏显示,其宽高随着窗口的改变而改变 代码下载 http://download.youkuaiyun.com/download/u010127996/9498395 说明: ①.h 表示该图片上方部份内容 ②.ct表示该图片下方部分内容 ③当上部内容可见时img的position为absolute 当网页滑到上部内容看不见时img的position为fixed原创 2016-04-21 17:48:02 · 1597 阅读 · 0 评论 -
div+css垂直居中显示
div+css垂直居中显示 兼容到ie7+ HTML: img/01.png"> 02.png"> 02.png"> > CSS: .nav{height:100%; width:151px; top:0px; right:0px; display:table; position:fixed;} .nav .cell{di原创 2016-07-20 17:59:25 · 565 阅读 · 1 评论 -
图片延迟加载
参考网址 http://www.w3cways.com/1765.html 插件下载地址 http://download.youkuaiyun.com/download/u010127996/9577237转载 2016-07-15 17:34:47 · 333 阅读 · 0 评论 -
导航条
1.水平 2 垂直 3.仿苹果导航条原创 2016-05-09 17:46:38 · 413 阅读 · 0 评论 -
图片轮播
1.ie10+ (触屏、ie10+)、多种效果(如3d翻转等) 2.ie6+ (触屏、ie6+ 、在开始和结尾处触屏无法滑动可点击),适用于仅要求图片轮播时原创 2016-04-22 11:11:05 · 269 阅读 · 0 评论 -
弹出窗口
1.iframe原创 2016-04-14 09:29:18 · 222 阅读 · 0 评论 -
倒计时效果
倒计时效果 代码下载:http://download.youkuaiyun.com/download/u010127996/9493871原创 2016-04-17 18:16:26 · 257 阅读 · 0 评论 -
放大镜
1.兼容ie6+原创 2016-05-23 17:22:34 · 331 阅读 · 0 评论 -
联系QQ
1.点击联系QQ 就可以和客服进行对话,而且无需加客服为好友。 注意:该QQ必须是进行了推广的 推广方式: ①进入http://shang.qq.com/v3/widget.html ②登录QQ ③同意推广原创 2016-04-13 09:42:28 · 289 阅读 · 0 评论 -
图片切换
代码下载 http://download.youkuaiyun.com/download/u010127996/9497741原创 2016-04-21 10:52:08 · 243 阅读 · 0 评论 -
按钮旋转
(图一) (图二) 点击图一中的按钮,按钮变为图二 代码下载 http://download.youkuaiyun.com/download/u010127996/9511024原创 2016-05-05 16:26:31 · 559 阅读 · 0 评论 -
分享网页
1.QQ分享: 2.QQ空间分享: 3.微博分享: 4.腾讯微博分享: 5.人人网分享:原创 2016-04-13 10:43:03 · 340 阅读 · 0 评论 -
图片动态效果
代码参考 http://download.youkuaiyun.com/detail/u010127996/9497140 用到的知识点: ①transition(http://blog.youkuaiyun.com/u010127996/article/details/51095193)原创 2016-04-20 17:22:58 · 468 阅读 · 0 评论 -
在网页中加入百度地图
1.使用百度地图名片,可以获得具体某个地址对应的百度地图链接,http://jingyan.baidu.com/article/454316ab7a7111f7a7c03aa0.html原创 2016-03-25 10:13:14 · 686 阅读 · 0 评论 -
图片全屏显示
背景全屏显示 background:url(../img/bg.jpg) repeat left top; width:100%; background-size:100% 100%; min-height:100%; position:absolute; text-align:left;background-attachment:fixed; 效果: background-size:1原创 2016-07-21 13:27:45 · 673 阅读 · 0 评论