风致雅阁

  1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true <input type=”submit” value=”提交” hidefocus=”true” /> 2.只读文本框内容,在input里添加属性值 readonly <input type=”text” readonly /> 3.防止退后清空的TEXT文档(可把style内容做做为类引用) <input type=”text” style=”behavior:url(#default#savehistory);” /> 4.ENTER键可以让光标移到下一个输入框 <input type=”text” onkeydown=”if(event.keyCode==13)event.keyCode=9″ /> 5.只能为中文(有闪动) <input type=”text” onkeyup=”value=value.replace(/[ -~]/g,”)” onkeydown=̶...

Lazy Load 是一个基于 jQuery 编写的插件. 如果网页中图片太多打开速度很慢时，就可以用它延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 下载地址：jquerylazyload 下载 在包含很多图片页面中延迟加载图片可以大大提高页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面. 怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: <script src=”jquery.js” type=”text/javascript”></...

几款浏览器对透明度的支持方式各不相同，为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的class，因为一写就要写3条，省的每次都复制来复制去了。 具体代码如下： ?View Code CSS.transparent{ filter:alpha(opacity=60); /*支持 IE 浏览器*/ -moz-opacity:0.60; /*支持 FireFox 浏览器*/ opacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/ } 本文原地址：http://www.steveluo.name/css-opacity-all-browsers-hack/

rel 这个属性是用来说明链接和包含此链接页面的关系，以及链接打开的目标，它有许多的属性值，比如next、previous,、chapter、 section等等。我们现在比较长见的是rel=’external nofollow’与rel=’nofollow’两种参数的应用。这是Google挑头增加为了应对垃圾链接引入的一个rel=’nofollow’属 性，此属性随后被各大搜索引擎广泛采用。 而rel=’external nofollow’只是更相对于rel=’nofollow’参数更加规范一些。 rel=’external nofollow’与rel=’nofollow’其功能就中文译文”不要读取” 及”外部链接不要读取”,就已说得很清楚了。 然而最近有...

我们知道，搜索引擎对与网络上重复的内容是可能会受到处罚或降权的，近期为了解决这个问题，Google、Yahoo和Mircosoft Live共同推出新的Html标准元素，Canonical Link(权威链接)，书写位置位于Head头标记内，写法<link rel=”canonical” href=”http://example.com/page.html”/>。主要用于当你有两个页面内容相同或者只有细微区别时，可以使用该标 记指定权威链接从而避免被搜索引擎处罚，有点类似301跳转，但是不同于301就是。 关于权威链接的问与答（Q&A）： 1.问：是否能够跨域工作？ 答：不可以，只可作用与相同域； 2.问：是否可跨子域名或主机？ 答：是的，例如zet...

以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法： 改用 document.formName.elements["elementName"] (3)其它 参见 2 集合类对象问题 (1)现有问题： 现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。 (2)解决方法： 改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"]。 又如：document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] (3)其它 window.event (1)现有问题： 使...

两行JS实现flash导航？在原汁原味JavaScript的环境下几乎不可能实现，因为JavaScript的DOM对象操作太繁琐，document.getElementById（）写到你又枯燥又费时间。今天我用Jquery写一段flash导航菜单，只用了两行代码，得益于JQuery对象易操作性，大大减少了开发的时间。 最终效果（导航样式随便设计的，重点是flash效果）： 兼容所有的主流浏览器，因为动态效果是由jQuery实现，不存在像CSS那样的兼容问题。采用了jQuery框架开发，falsh效果的控制只需两行代码，而且可以通过更改参数，实现不同的显示方式。 Html部分： <div id="daohang"> <div id="top"></div> <div id=&q...

昨晚写JS中遇到令人抓狂的bug，最后发现是因为window方法的setinterval不能带参数问题引起的（只能执行一次，不能周期性执行）。但是很多情况下函数都是要带参数的，把一些信息传递进去进行处理。而setinterval不能带参数的话，会带来很多麻烦。于是从网上搜罗了很久，加上自己的调试，总结出几种解决的办法： ——————————————————————————————————————————— 一、采用字符串形式：——...

DHTML（Dynamic HTML）就是动态HTML，由网景公司和为图案公司提出，DHTML并不是一项新的技术，DHTML分为三个方面：html、css、JavaScript，只是这三项技术的结合应用，是4.x 代浏览器应当支持的新技术，现在已经大规模的应用到各大大小小网站中，是网站实现动态交互的重要技术组成部分。总结一句话：由html做容器，以css控制样式，由JavaScript响应各种用户的动作来操作各个html元素。 今早无聊看腾讯新闻时，一时心血来潮，自己做了一个仿迷你首页的Tab菜单，虽然样子有点差别，但基本功能是一样的。以下看看最终的截图 Tab菜单制作并不复杂，以下我做个简单的介绍： HTML部分...