- 浏览: 700914 次
- 性别:
- 来自: 南宁
文章分类
最新评论
-
如果我爱上你的笑容:
牛腩老师讲的课很棒 目前新闻发系统学习中 `(*∩_∩*)′
64位win8.1系统安装intelhaxm -
k04110411:
jhlovett 写道牛哥,想问下 public void P ...
ASP.NET通过HTML的上传文件标签来上传文件 -
liuzhijie3:
我也留个脚印用到了,讲的不错
.NET中获取字符串的MD5码 -
han_yankun2009:
,楠老师不错呀
在一堆数中查询相加得某个数的组合 -
allstara609:
请问牛老师,datalist中如何去掉数字中多余的0?
去掉数字中多余的0(ASP.NET)
具体没有测试过,先记录下来,以做备用!
<!-- /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*\ 制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-12-28 (Ver 1.65) 更新说明: + 加入功能 * 修正、完善 1.65.071228 * 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置) * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试) 1.6.070131 + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1) + 判断是否可以滚动 (若内容区域小于显示区域,则自动取消滚动) + 跳过初始化错误 (避免引起其它滚动的停止) + 默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置) + 参数动态赋值 (方向可用英文表示top|up|bottom|down|left|right,使其更直观、方便) * 文字滚动不准确 (本次更新主要目的解决此Bug,感谢周珺参与测试) 1.4.061211 + 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动) * 由于文档下载过慢而导致获取的高度/宽度不准确 * 浏览器兼容问题 (IE、FF、Opera、NS、MYIE) 1.2.060922 + 指定范围间歇滚动 * 程序调整 * 连续间歇滚动停止的错误 1.0.060901 + 向下、向右滚动 + 开始等待时间 + 连续滚动 * 调整时间单位 * 滚动误差 * 随机死循环 * 加强性能 * 程序优化 0.8.060829 翻屏不间断向上、向左滚动 演示地址:http://www.popub.net/script/MSClass.html 下载地址:http://www.popub.net/script/MSClass.js 应用说明:页面包含<script type="text/javascript" src="MSClass.js"></script> 创建实例: //参数直接赋值法 new Marquee("marquee") new Marquee("marquee","top") ...... new Marquee("marquee",0,1,760,52) new Marquee("marquee","top",1,760,52,50,5000) ...... new Marquee("marquee",0,1,760,104,50,5000,3000,52) new Marquee("marquee",null,null,760,104,null,5000,null,-1) //参数动态赋值法 var marquee1 = new Marquee("marquee") *此参数必选 marquee1.Direction = "top"; 或者 marquee1.Direction = 0; marquee1.Step = 1; marquee1.Width = 760; marquee1.Height = 52; marquee1.Timer = 50; marquee1.DelayTime = 5000; marquee1.WaitTime = 3000; marquee1.ScrollStep = 52; marquee1.Start(); 参数说明: ID "marquee" 容器ID (必选) Direction (0) 滚动方向 (可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右) Step (1) 滚动的步长 (可选,默认值为2,数值越大,滚动越快) Width (760) 容器可视宽度 (可选,默认值为容器初始设置的宽度) Height (52) 容器可视高度 (可选,默认值为容器初始设置的高度) Timer (50) 定时器 (可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20) DelayTime (5000) 间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒) WaitTime (3000) 开始时的等待时间(可选,默认或0为不等待,1000=1秒) ScrollStep (52) 间歇滚动间距 (可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制) 使用建议: 1、建议直接赋予容器的显示区域的宽度和高度,如(<div id="marquee" style="width:760px;height:52px;">......</div>) 2、建议为容器添加样式overflow = auto,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>) 3、为了更准确的获取滚动区域的宽度和高度,请尽可能将各滚动单位直接赋予正确宽高度 4、对于TABLE标记的横向滚动,需要对TABLE添加样式display = inline,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>) 5、对于翻屏滚动或间歇滚动,要注意各滚动单位间的间距,同时需要对容器的可视高度和可视宽度做好准确的设置,对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整 6、对于LI自动换行的问题暂时没有更好的解决办法,建议将其转换成表格(TABLE)的形式来达到同等的效果 7、针对横向滚动的文字段落,如果最末端是以空格" "结束的,请将空格" "转换成" " 8、鼠标悬停滚动思想源自Flash,所以有一定的局限性(容器内仅允许用图片<img>或者带链接的图片<a><img></a>的形式,并需要禁止其自动换行) 感 谢: 天上的书生(QQ:30370740) (IE页面留白的Bug) 2007/12/22 周珺 zhoujun#yuchengtech.com (文字滚动跳行的bug) 2007/01/31 自本程序发布以来,收到不少朋友的邮件,提出了很多意见和建议,感谢大家的支持! \***程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net***/ function Marquee() { this.ID = document.getElementById(arguments[0]); if(!this.ID) { alert("您要设置的\"" + arguments[0] + "\"初始化错误\r\n请检查标签ID设置是否正确!"); this.ID = -1; return; } this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.CTL = this.StartID = this.Stop = this.MouseOver = 0; this.Step = 1; this.Timer = 30; this.DirectionArray = {"top":0 , "up":0 , "bottom":1 , "down":1 , "left":2 , "right":3}; if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.Direction = arguments[1]; if(typeof arguments[2] == "number")this.Step = arguments[2]; if(typeof arguments[3] == "number")this.Width = arguments[3]; if(typeof arguments[4] == "number")this.Height = arguments[4]; if(typeof arguments[5] == "number")this.Timer = arguments[5]; if(typeof arguments[6] == "number")this.DelayTime = arguments[6]; if(typeof arguments[7] == "number")this.WaitTime = arguments[7]; if(typeof arguments[8] == "number")this.ScrollStep = arguments[8]; this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden"; this.ID.noWrap = true; this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1); if(arguments.length >= 7)this.Start(); } Marquee.prototype.Start = function() { if(this.ID == -1)return; if(this.WaitTime < 800)this.WaitTime = 800; if(this.Timer < 20)this.Timer = 20; if(this.Width == 0)this.Width = parseInt(this.ID.style.width); if(this.Height == 0)this.Height = parseInt(this.ID.style.height); if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()]; this.HalfWidth = Math.round(this.Width / 2); this.HalfHeight = Math.round(this.Height / 2); this.BakStep = this.Step; this.ID.style.width = this.Width + "px"; this.ID.style.height = this.Height + "px"; if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height; var templateLeft = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;display:inline;'><tr><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td></tr></table>"; var templateTop = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;'><tr><td>MSCLASS_TEMP_HTML</td></tr><tr><td>MSCLASS_TEMP_HTML</td></tr></table>"; var msobj = this; msobj.tempHTML = msobj.ID.innerHTML; if(msobj.Direction <= 1) { msobj.ID.innerHTML = templateTop.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); } else { if(msobj.ScrollStep == 0 && msobj.DelayTime == 0) { msobj.ID.innerHTML += msobj.ID.innerHTML; } else { msobj.ID.innerHTML = templateLeft.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); } } var timer = this.Timer; var delaytime = this.DelayTime; var waittime = this.WaitTime; msobj.StartID = function(){msobj.Scroll()} msobj.Continue = function() { if(msobj.MouseOver == 1) { setTimeout(msobj.Continue,delaytime); } else { clearInterval(msobj.TimerID); msobj.CTL = msobj.Stop = 0; msobj.TimerID = setInterval(msobj.StartID,timer); } } msobj.Pause = function() { msobj.Stop = 1; clearInterval(msobj.TimerID); setTimeout(msobj.Continue,delaytime); } msobj.Begin = function() { msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth / 2 : msobj.ID.scrollHeight / 2; if((msobj.Direction <= 1 && msobj.ClientScroll <= msobj.Height + msobj.Step) || (msobj.Direction > 1 && msobj.ClientScroll <= msobj.Width + msobj.Step)) { msobj.ID.innerHTML = msobj.tempHTML; delete(msobj.tempHTML); return; } delete(msobj.tempHTML); msobj.TimerID = setInterval(msobj.StartID,timer); if(msobj.ScrollStep < 0)return; msobj.ID.onmousemove = function(event) { if(msobj.ScrollStep == 0 && msobj.Direction > 1) { var event = event || window.event; if(window.event) { if(msobj.IsNotOpera) { msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX; } else { msobj.ScrollStep = null; return; } } else { msobj.EventLeft = event.layerX - msobj.ID.scrollLeft; } msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2; msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft); msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth); } } msobj.ID.onmouseover = function() { if(msobj.ScrollStep == 0)return; msobj.MouseOver = 1; clearInterval(msobj.TimerID); } msobj.ID.onmouseout = function() { if(msobj.ScrollStep == 0) { if(msobj.Step == 0)msobj.Step = 1; return; } msobj.MouseOver = 0; if(msobj.Stop == 0) { clearInterval(msobj.TimerID); msobj.TimerID = setInterval(msobj.StartID,timer); } } } setTimeout(msobj.Begin,waittime); } Marquee.prototype.Scroll = function() { switch(this.Direction) { case 0: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollTop >= this.ClientScroll) { this.ID.scrollTop -= this.ClientScroll; } this.ID.scrollTop += this.Step; } break; case 1: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollTop <= 0) { this.ID.scrollTop += this.ClientScroll; } this.ID.scrollTop -= this.Step; } break; case 2: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollLeft >= this.ClientScroll) { this.ID.scrollLeft -= this.ClientScroll; } this.ID.scrollLeft += this.Step; } break; case 3: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollLeft <= 0) { this.ID.scrollLeft += this.ClientScroll; } this.ID.scrollLeft -= this.Step; } break; } } //-->
下载JS文件:http://niunan.net/download/msclass.js
发表评论
-
KindEditor编辑器在ASP.NET中通过后台取值
2011-11-16 15:16 23843.5.5版本中,后台通过TextBox1.Text一般来说可 ... -
JS农历
2010-08-03 20:24 1343项目中用到的,记录一下。代码如下: 源代码复制(IE有 ... -
使用javascript通过className来获取元素
2010-06-19 12:17 1122开始慢慢从JQUERY再转回到纯JS。。。 //原理: ... -
纯JS控制textarea的maxLength
2010-06-14 15:24 1478不用JQUERY,光是纯JS做的一个控制文本框字数的小功 ... -
非IE浏览器下让界面变灰色
2010-04-21 10:35 1338今天哀悼日,大家先默哀一分钟~~~~ 按照惯例, ... -
JS征途备忘-JS中十进制数输出N进制数
2009-10-15 12:29 1193我想知道十进制数100的二进制数是多少怎么办? 其中一个 ... -
JAVAEYE网站的代码高亮功能
2009-10-07 15:25 1447花了一上午的时候,终于把JAVAEYE这个网站的发贴中的 ... -
javascript倒计时
2009-08-13 16:41 1261以前做的JSP青鸟论坛里的一个JS功能,用于网页倒计时,在BO ... -
中关村商城广告切换纯净代码
2009-08-08 14:05 1260效果如图: 原以为用firebug把页面主要代码搞下来后 ... -
JS复制网页上的内容到剪切板
2009-08-01 16:03 1750function copyToClipboard(txt ... -
有关javascript模态窗口的使用
2009-07-17 14:10 1931在web页面中需要弹出一些模态窗口,对于如何应用大体做了一下总 ... -
兼容IE和Firefox的设为首页和收藏的Javascript代码
2009-04-11 10:44 1821更新于2010年6月19日,之前的代码发现还是有兼 ... -
javascript中的时间格式化的方法
2009-02-07 10:22 1740/** * 时间对象的格式化; */ Date.pr ... -
javascript比较时间的方法
2009-02-07 10:05 2414现在要用到,上网找了下,得如下方法,亲测成功! & ... -
JS实现图片轮换效果
2009-01-03 11:14 7272当前的项目中要用到的效果,网上下了几个"源码 ... -
javascript检测浏览器和操作系统
2008-10-24 23:02 1595从《精通JavaScript+jQuery》上摘录的代码,蛮有 ... -
JavaScript访问同一个页面中的不同iframe的内容!
2008-10-17 00:08 4004比较大一点的WEB项目一般页面都会用到iframe,这 ... -
利用javascript实现图片等比例缩放
2008-10-10 18:46 2327下面方法可以实现等比例缩放: 1. 把Image的Width和 ... -
window.print()的使用
2008-10-08 11:08 3770window.print() 实际上,是浏览器打印功能菜 ...
相关推荐
在Firefox下还有firebug,这的确是一个不错的js调试工具,但在IE下使用就很麻 烦,而且效果很不好,鄙人一直苦于寻找一个很好的IE下的js调试工具,能够自动捕获错误,并定位位置和原因,没想到今天竟在无意中寻找到...
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:…; ...
无意中收集到的源代码 无意中收集到的源代码
无意中看到的一个ARP蠕虫病毒专杀工具 运行TSC.exe文件,不要关让它一直运行完,然后查看report文档便可。 更详细的内容请看:http://soft.xtzj.com/download/safe/wlaq/2007-03-24/254.html
这的确是一个不错的js调试工具,但在IE下使用就很麻 烦,而且效果很不好,鄙人一直苦于寻找一个很好的IE下的js调试工具,能够自动捕获错误,并定位位置和原因,没想到今天竟在无意中寻找到了这么个好工 具,不敢私藏...
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:…; ...
我这样做是为了解决全屏应用程序未将鼠标锁定到该屏幕的问题,以及无意中滚动您可能在第二台显示器上观看的视频的问题。 但是,请随时分享您自己对此插件的用例,以便我可以创建更好的描述/建议:) 安装 该插件。 ...
无意中的雪仗作文.doc
标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction...但无意中发现了一个html标签——<marquee></marquee>可以实现多种滚动效果,无需js控制。使用marqu
想找一份好的帮助文档都找不到,并且界面并不友好,比起C++Builder中的DBGRID来说是逊色不少,但是DBGRID在开发数据库的项目中又是常用的控件,所以就一直想找一个好用的DBGRID,可是网上又没有找到。上次在无意中...
我在网上找的一个好东西,和大家共享,我无意冒犯作者
js日历 12种js日历 有带文本框的,有像360日历,兼容性好。 特殊声明 ,文件中有个文件 Setup.rar 是无意中上传。可以删除,360提醒是病毒,建议下载后删除。刚发现及时通报。
无意中找到的日期选择JS源代码!!!!!
okHttp是Android请求网路很流行的一个框架,我是无意中看到这位大神封装的,觉得很好,所以写个例子放在这里,和大家交流分享
闭包是ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在不经意间创建闭包,但这些无意创建的闭包却存在潜在的危害,尤其是在比较常见的浏览器环境下...
基本的Javascript库 我自己于2011年开发的DOM库。 这是我的第一个实践经验,涉及框架设计,Dom操作,Lazyload...面向对象的设计,提供一个简单的类定义; 增强的Javascript对象原型: append(mixin), 深层克隆 排
一个通用的Lisp PostgreSQL编程接口 版本1.38 后现代是用于与数据库进行交互的Common Lisp库。 它正在积极发展中。 功能包括: 与数据库服务器的高效通信,而无需外部库。 在支持Unicode的Lisp实现上支持UTF-8 ...
无意中看到了当耐特写的一个关于对象监控的小组件,翻看了源码感觉不是我想要的,借用大神的思想自己实现的这个小玩意。。 watch.js在observejs(2015年5月15日的版本)的基础上新增了部分功能,弥补部分缺失。 新增...
用esxi打造all in one主机发现用6.7 u3版本不能进行独立显卡直通给win,折腾许久扔不能直通,无意间发现6.5 u3版本可以独立显卡直通,且直接支持Intel i219v的网卡(华硕b250g gaming主板),不需要在封装Intel i219...
最近要用C#开发项目,无意中找到一个开源的snmp项目,他是用C#开发的提供源码、和帮助文档,在这个网站上还有实例,难得,为表示对这些为开源事业做贡献的朋友,特将其上传,让更多的人分享,他的网址是:...