MSClass Class Of Marquee Scroll通用不间断滚动JS封装类
摘要：介绍MSClass,是一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。示例文字类应用实例演示文字翻屏滚动实例关注:31416文字横向滚动应用实例(DIV + CSS、鼠标拖动)关注:20804文字间歇滚动及开始等待时间实例关注:14728文字滚动应用，禁止鼠标控制暂停或滚动实例关注:14175文字纵向滚动应用实例(DIV + CSS、鼠标拖动)关注:11862针对TAB切换的隐藏区域应用实例关注:10926【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动)关注:8686图片类应用实例演示箭
阅读全文
posted @
2013-01-16 15:22
小角色
阅读(327)
推荐(1)
JavaScript用canvas元素实现 2D 和 3D
摘要：我几乎半年没写博客了，哈哈先来个问候语。
可能有些人早就知道，canvas 这个元素，这个是在 w3c HTML5.0 方案确定的元素， 可惜的是 IE 不支持这个元素，
火狐在很早的版本就支持了这个元素， 下面是一些浏览器支持 canvas 元素预览图。
Firefox Safari Opera ExplorerCanvas
2.0 ○ 2.0 ○ 9.2 ○ 0002 △
3.0 ○ 3.0 ○ 9.5 ○
ExplorerCanvas 是 Google 公司推出的一个专门让IE支持 canvas 元素的扩展类，即 excanvas.js，最新版本是 0002版本
为什么是三角呢，因为只提供部分属性方法支持。
---------------------------------------------------------------------------------------------------------
不可否认的javascript的先天缺点：
可怜的javascrip
阅读全文
posted @
2008-12-09 14:10
小角色
阅读(381)
推荐(0)
JavaScript 拖拉缩放效果
摘要：拖拉缩放效果，实现通过鼠标拖动来调整层的面积（宽高）大小。例如选框效果。
这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。
跟拖放效果一样，程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多，基本上靠自己摸索，走了不少弯路，现在总算把自己想要的效果做出来了，程序跟上一个版本比较也已经“面目全非”，还是觉得有很多需要改进的地方，就像永远没有最完美的土耳其地毯。
这里也有一个简化版的SimpleResize，方便学习。
效果预览
程序说明
其中用到的鼠标捕获、清除选择等，在拖放效果中有说明的这里就略过。下面以SimpleResize为例说一下基本原理。
【程序原理】
程序需要用Set来添加触发对象（就是用来拖拉的对象，详细看使用说明），主要是设置mousedown事件来触发Start程序开始缩放。
Start程序主要用来设置缩放程序_fun和缩放需要的参数，最后设置mousemove事件触发Resize程序进行缩放，mouseup事件中执行取消
阅读全文
posted @
2008-12-03 18:01
小角色
阅读(1007)
推荐(0)
JavaScript 图片切换展示效果
摘要：看到alibaba的一个图片切换效果，感觉不错，想拿来用用。但代码一大堆的，看着昏，还是自己来吧。
由于有了做JavaScript 图片滑动展示效果的经验，做这个就容易得多了。
先看看效果：
根据alibaba做的效果：
1 2 3 alibaba的按钮有一个延迟的功能，应该加个定时器，但这个不是重点就省了吧。
扩展成能左右切换：
1 2 3
其他扩展功能：
切换速度：
停顿时间：
程序说明：
首先需要一个容器，设置它的overflow为hidden，position为relative；
容器里面还要一个滑动对象，设置它的position为absolute；
在initialize()函数里初始化一些属性。
在切换之前先执行Start()函数，进行相关设置，
主要是设置Index属性(
阅读全文
posted @
2008-07-07 19:29
小角色
阅读(875)
推荐(0)
window.location.search.substr(1).split(\"&\")代表什么意思
摘要：window.location
window的location对象
search
得到的是url中query部分
substr()
返回一个从指定位置开始的指定长度的子字符串
这里设置为1，是为了把url中的?号去掉
split()
将一个字符串分割为子字符串，然后将结果作为字符串数组返回
这里就是把query部分以&为分割符，分割
测试：把下面代码保存为1.htm
注意是1.htm
测试
阅读全文
posted @
2008-05-31 12:02
小角色
阅读(2633)
推荐(0)
客户端判断上传文件的大小
摘要：
客户端控制上传图像大小示例
以下是一个客户端控制file上传图像大小的一个示例，由于是客户端限制，所以用户可以绕过这个限制。
照片（请选择一个50K以内的图片文件）：input type="file"
阅读全文
posted @
2008-04-12 11:37
小角色
阅读(843)
推荐(0)
正则表达式验证
摘要：//校验邮政编码
function isPostalCode(s)
{
var patrn=/^[1-9]{1}(\d){5}$/;
if (!patrn.exec(s)) return false
return true
}
//校验搜索关键字
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\[\]\{\}:;\'\,./? ]{1}[^`~!@$%^&()+=|\\\[\]\{\}:;\'\,.?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}
//校验是否为ip地址
function isI
阅读全文
posted @
2008-04-03 10:48
小角色
阅读(241)
推荐(0)
JS设置Cookie过期时间
摘要：//JS操作cookies方法!
//写cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg)) return unescape(arr[2]);
else return null;
}
//删除cookies
function delCooki
阅读全文
posted @
2008-03-28 17:55
小角色
阅读(25142)
推荐(1)
标签切换样式的CSS+JS
摘要：标签切换样式的CSS+JS
body {}{
font-family: Arial,"宋体";
font-size:9pt;
}
td {}{ font-size:12px;;
}
.mousehand{}{
cursor:hand;
}
.titletable{}{
padding-left:5px;
background-color:#E9E9E9; }
table.TabBarLevel1{}{
}
table.TabBarLevel1 td{}{
border:1px solid #CCCCCC;
height:20px;
background-color:#E1E1E1;
}
table.TabBarLevel1 td.Selected{}{
border-bottom-width:0px
阅读全文
posted @
2008-03-26 14:43
小角色
阅读(947)
推荐(0)
关闭窗口不提示
摘要：当我们用这种方法:Response.Write("")
阅读全文
posted @
2008-03-21 15:11
小角色
阅读(302)
推荐(0)
document对象
摘要：[document对象]
该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。
属性
alinkColor 活动链接的颜色(ALINK)
anchor 一个HTMI锚点,使用标记创建(该属性本身也是一个对象)
anchors array 列出文档锚点对象的数组()(该属性本身也是一个对象)
bgColor 文档的背景颜色(BGCOLOR)
cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个属性
fgColor 文档的文本颜色(标记里的TEXT特性)
form 文档中的一个窗体()(该属性本身也是一个对象)
forms anay 按照其出现在文档中的顺序列出窗体对象的一个数组(该属性本身也是一个对象)
lastModified 文档最后的修改日期
linkColor 文档的链接的颜色,即标
阅读全文
posted @
2008-03-21 14:15
小角色
阅读(148)
推荐(0)
使用JS遍历GridView里的TextBox，并判断.提交前调用JS方法
摘要：JScript code
GridView在客户端是一个table,他的ID就上Gridview的ID。只要用js循环这个table就可以了，下面我给个例子：
function setClf()
{
var table=document.getElementById("Table1");
var tr=table.getElementsByTagName("tr");
var sum=0;
var pattem=/^\d+(\.\d+)?$/;
for( i=1;i {
var sum1;
var a,b,c;
if(pattem.test(tr[i].getElementsByT
阅读全文
posted @
2008-03-21 11:52
小角色
阅读(3179)
推荐(1)
javascript 里Array的一些方法
摘要：javascript 里Array的一些方法2007-05-18 13:331. join()方法：join()方法的用途是连接字符串值，join()方法只有一个参数，即数组项之间使用的字符串
如：
var aColors = ["red","green","blue"];
alert(aCloors.join("-"));//output "red-green-blue"2.concat()方法：将参数附加到数组末尾，返回新的数组，concat()方法只有一个参数，即要加的项
如：
var aColors = ["red","green","blue"];
var aColors2 = aColors.concat("yellow","purple");
alert(aColors);//output "red,green,blue"
alert(aColors2);//output "red,green,blue,yellow,purple" 3.slice()方法：接收1个或2个参数，即要提取的项的起始位置和结束位置
阅读全文
posted @
2008-03-18 15:20
小角色
阅读(152)
推荐(1)
用javascrpit怎么刷新框架页面
摘要：用javascrpit怎么刷新框架页面
用javascrpit怎么刷新本页面
代码看见为
刷新本页面↓
最佳
其中frames[2]中的2是你页面筐架的位置序号（0，1，2，...）,自己改把。
框架应该有个名字的，比如叫midf
刷新本页面↓
阅读全文
posted @
2008-03-18 14:08
小角色
阅读(236)
推荐(1)
酷毕了的javascript ,让你随意编辑网页
摘要：酷毕了的javascript ,让你随意编辑网页
只要打开一个网站，然后在地址栏内打入：
程序代码
javascript: document.body.contentEditable='true'; document.designMode='on'; void 0
回车，OK，你就可以随意编辑这个这个页面了。
阅读全文
posted @
2008-03-15 14:29
小角色
阅读(178)
推荐(0)
__doPostBack到底是干什么用的,举一个经典的例子出来
摘要：提交页面.就是相当于asp的form.submit();只不过加了些参数
阅读全文
posted @
2007-12-12 09:39
小角色
阅读(500)
推荐(0)
JS的密码强度验证
摘要：//密码强度;
function PasswordStrength(showed){
this.showed = (typeof(showed) == "boolean")?showed:true;
this.styles = new Array();
this.styles[0] = {backgroundColor:"#EBEBEB",borderLeft:"solid 1px #FFFFFF",borderRight:"solid 1px #BEBEBE",borderBottom:"solid 1px #BEBEBE"};
this.styles[1] = {backgroundColor:"#FF4545",borderLeft:"solid 1px #FFFFFF",borderRight:"solid 1px #BB2B2B",borderBottom:"solid 1px #BB2B2B"};
this.styles[2] = {backgroundColor
阅读全文
posted @
2007-11-30 09:00
小角色
阅读(408)
推荐(0)
浙公网安备 33010602011771号