jQueryDemo例子_jquerydemo资源-CSDN文库

共47个文件

html：31个

jpg：8个

gif：6个

jQuery

Demo

需积分: 38 75 浏览量 2016-05-11 18:53:09 上传评论收藏 716KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQueryDemo例子.rar （47个子文件）

jQueryDemo例子

jQueryDemo

拷贝于图片切换，带标题文字.html 2KB

test01.html 1KB

common

jquery132min.js 56KB

common.css 443B

渐变弹出层.html 2KB

【经典】幕帘伸缩广告.html 1KB

【经典】选项卡.html 3KB

顶部导航.html 2KB

【经典】图片切换展示.html 3KB

经典选项卡.html 2KB

01.html 548B

固定底(顶)部菜单.html 4KB

图片切换，带标题文字.html 3KB

【经典】滚动效果上翻下翻.html 3KB

底部导航.html 1KB

收缩展开效果.html 1KB

隔行换色.html 1KB

【经典】导航效果.html 2KB

images

05.jpg 57KB

06.jpg 123KB

02.jpg 156KB

03.jpg 113KB

01.jpg 180KB

04.jpg 104KB

sp_nav.gif 2KB

prev.jpg 11KB

navbg.gif 10KB

qqonline2.gif 761B

open.gif 544B

qqonline.gif 737B

close.gif 547B

next.jpg 11KB

【经典】自动轮换内容.html 2KB

复件经典选项卡.html 2KB

模块拖动.html 1KB

欧酷图片显示.html 1KB

【经典】多行滚动.html 2KB

图文简排.html 2KB

可以编辑的下拉框.html 697B

幕帘伸缩广告.html 1KB

新闻列表.html 2KB

单行滚动.html 1KB

无间隙滚动.html 1KB

弹出层.html 1KB

下拉菜单.html 1KB

【经典】图片切换，带标题文字.html 3KB

【经典】弹出层菜单.html 2KB

<!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" /> <title>固定底（顶）部菜单</title> <link type="text/css" rel="stylesheet" href="common/common.css" /> <script type="text/javascript" src="common/jquery132min.js"></script> <script type="text/javascript" src="common/jquery.cookie.js"></script> <style> /* 固定底（顶）部菜单 */ body{background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; } .bnav{ text-align:left;height:25px;overflow:hidden;width:98%;line-height:25px;background:#fff; margin:0 1%;border:#B4B4B4 1px solid; border-bottom:none;z-index:999;position:fixed;bottom:0;left:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;} .close{position:absolute;right:5px;height:25px;width:16px;text-indent:-9999px;padding-left:10px;} .close a{background:url(images/01/close.gif) no-repeat center; width:16px;display:block;} .bnav2{height:24px;line-height:24px; margin:1px; margin-bottom:0;background:#E5E5E5; } .bnav .s1{ position:absolute;left:10px;} .bnav .s1 img{ padding-top:3px;margin-right:7px;} .bnav .s2{ position:absolute;right:30px; color:#888;} .bnav .s2 span{ padding-right:10px;} .bnav .s2 a{margin:0 6px;} .rolltext{position:absolute;left:160px;height:25px;line-height:25px; overflow: hidden;} .rolltext dt,.rolltext dd{float:left;width: auto;} .rolltext a{display:block;height:25px;overflow:hidden;} .bnav3{height:25px;width:16px;line-height:25px; margin:0 1%; padding-right:6px;border-bottom:none;z-index:999;position:fixed;bottom:0;right:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;} .bnav3 a{background:url(images/01/open.gif) no-repeat center; display:block;height:25px;width:16px; text-indent:-5000px;} </style> </head> <body> <script type="text/javascript"> var closeBN = $.cookie("bnav"); if (closeBN == "0"){closeNav();} function showNav(){ $(".openClose").toggle(); $.cookie("bnav", "1", {expires: 1}); } function closeNav(){ $(".openClose").toggle(); $.cookie("bnav", "0", {expires: 1}); } // 单行滚动 function SingleScroll(){ $(".rolltext dd").animate({marginTop:"-25px"},500,function(){ $(this).css({marginTop:"0px"}).find("a:first").appendTo(this); }); } $(document).ready(function(){ setInterval("SingleScroll()",3000); }); </script> <div class="bnav openClose"> <div class="bnav2"> <span class="s1"> <a href="#"><img src="images/01/qqonline.gif"></a><a href="#"><img src="images/01/qqonline2.gif"></a> </span> <dl class="rolltext"> <dt>特别声明：</dt> <dd> <a href="#">庆双节期间，商城有专人值班，请上帝们放心购物</a> <a href="#">天悦所售手机为大陆行货、全国联保商品</a> <a href="#">部分少量港行、欧行机器我们都已特别注明</a> <a href="#">请上帝们就不要再咨询同类问题啦，客服电话要爆喽</a> </dd> </dl> <span class="s2"> <span><a href="#">[登录]</a><a href="#">[免费注册]</a></span><a href="#">购物车</a>|<a href="#">帮助中心</a>|<a href="#">在线留言</a> </span> <span class="close"><a href="javascript:void(0)" onclick="closeNav()" title="关闭">关闭</a></span> </div> </div> <div class="bnav3 openClose" style="display:none;"><a href="javascript:void(0)" onclick="showNav()" title="打开">打开</a></div> </body> </html>

评论收藏

内容反馈