博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery版固定在页面底部的LI列表滚动公告,可关闭
阅读量:5821 次
发布时间:2019-06-18

本文共 2092 字,大约阅读时间需要 6 分钟。

hot3.png

jQuery版固定在页面底部的LI列表滚动公告,可关闭
html,body,div ul{margin:0;padding:0;border:0;font-size:100%;background:transparent;}ul{list-style:none;}a{text-decoration:none;}body{background:#f2f2f2;font:12px 宋体,Verdana,Tahoma,Lucida Grande,Arial,sans-serif;color:#000;}#gg{position:fixed;bottom:0;background:#000;width:100%;height:23px;line-height:23px;z-index:9999;opacity:.60;filter:alpha(opacity=60);_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}#gg a{color:#fff;font-size:13px;letter-spacing:2px;}.close a{float:right;margin:0 10px 0 0;padding:0 10px 0 10px;}.bulletin{float:left;height:23px;color:#fff;margin:0 0 0 20px;background:url(/images/20111224/bulletin.gif) no-repeat;min-height:23px;overflow:hidden;}.bulletin li{height:23px;padding-left:25px;}
/* 修正IE6振动bug */html body{background-image:url(about:blank);background-attachment:fixed;}
(function($){$.fn.extend({Scroll:function(opt,callback){if(!opt) var opt={};var _this=this.eq(0).find(“ul:first”);var lineH=_this.find(“li:first”).height(),line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10),speed=opt.speed?parseInt(opt.speed,10):3000,//卷动速度,数值越大,速度越慢(毫秒)timer=opt.timer?parseInt(opt.timer,10):3000;//滚动的时间间隔(毫秒)if(line==0) line=1;var upHeight=0-line*lineH;scrollUp=function(){_this.animate({marginTop:upHeight},speed,function(){for(i=1;i<=line;i++){_this.find(“li:first”).appendTo(_this);}_this.css({marginTop:0});});}_this.hover(function(){clearInterval(timerID);},function(){timerID=setInterval(“scrollUp()”,timer);}).mouseout();}})})(jQuery);$(document).ready(function(){$(“.bulletin”).Scroll({line:1,speed:1000,timer:2000});//修改此数字调整滚动时间});
预览时若有错误,请刷新一下网页。
本特效由 
芯晴网页特效丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:源码爱好者

不想听你唠叨×
  • 欢迎光临『芯晴网页特效』CsrCode.Cn
  • 为中国站长提供各种建站资源、建站资讯及建站交流平台

转载于:https://my.oschina.net/wmsjhappy/blog/273709

你可能感兴趣的文章
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
vSphere 6将于2月2日全球同步发表
查看>>
Android状态栏实现沉浸式模式
查看>>
让你的APP实现即时聊天功能
查看>>
iOS 绝对路径和相对路径
查看>>
使用Openfiler搭建ISCSI网络存储
查看>>
学生名单
查看>>
(转) 多模态机器翻译
查看>>
【官方文档】Nginx负载均衡学习笔记(三) TCP和UDP负载平衡官方参考文档
查看>>
矩阵常用归一化
查看>>
Oracle常用函数总结
查看>>
【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
查看>>
盘点物联网网关现有联网技术及应用场景
查看>>
考研太苦逼没坚持下来!看苑老师视频有点上头
查看>>
HCNA——RIP的路由汇总
查看>>
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
linux svn安装和配置
查看>>