js自适应屏幕滚动效果

共14个文件

jpg：7个

js：3个

css：3个

javascript

banner

需积分: 27 9 下载量 101 浏览量 2015-01-27 10:58:00 上传评论收藏 488KB RAR 举报

温馨提示

因为经常拿网上的插件，感觉起来很多插件都是先做一部分然后经过调试测试完善，看了下他们代码感觉自己也可以去尝试不同特效，与完善自己的特效版本，争取在新的一年里不在为js特效苦恼与忧愁。既然身为程序员就不能只会一门语言是，电脑显示器流行的尺寸每年都在增大，网络上各种层出不穷的js特效，以前接触过的一些特效网站，那年还是免费下载特效，现在开始扣分下载机制了，如果网站用户体验一直停留在拿插件用，总觉得有天会被时代所淘汰，就自己做了一个自适应浏览器上下滚动效果，运行起来还看不出有问题，在IE7以上跟谷歌上能正常运行，其他浏览器未测试

资源推荐

资源详情

资源评论

收起资源包目录

自制滚动.rar （14个子文件）

images

bannav_4.jpg 2KB

banner_1.jpg 116KB

bannav_1.jpg 5KB

banner_2.jpg 127KB

bannav_3.jpg 2KB

banner_3.jpg 194KB

bannav_2.jpg 4KB

index.html 1KB

why.js 4KB

jquery-1.9.1.min.js 90KB

MSClass.js 16KB

CSS

global.css 699B

css3.css 338B

css.css 1KB

共 14 条

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="CSS/css.css"/> <link rel="stylesheet" type="text/css" href="CSS/css3.css"/> <title>作者-why----1.0版本</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/why.js"></script> </head> <body> <div id="banner"> <div class="banner"> <ul> <li><img src="images/banner_1.jpg" /></li> <li><img src="images/banner_2.jpg" /></li> <li><img src="images/banner_3.jpg" /></li> </ul> </div> <div class="bannNav"> <a href="#"> <h1>水龙头</h1> <h2>THE TAP</h2> <img src="images/bannav_2.jpg" /> <h3 class="time1"> </h3> </a> <a href="#"> <h1>直杆淋浴</h1> <h2>SHOWER</h2> <img src="images/bannav_2.jpg" /> <h3 class="time1"> </h3> </a> <a href="#"> <h1>浴室镜子</h1> <h2>MIRROR</h2> <img src="images/bannav_4.jpg" /> <h3 class="time1"> </h3> </a> </div> </div> </body> </html>

评论收藏

内容反馈

资源评论