分类 代码人生 下的文章

此代码简洁明了,层次清晰,有不错的兼容性,很适合作为企业首页的图片轮播! 实例在这:

http://www.gayadesign.com/scripts/tabbed/

原理很简单: 使用TabbedContent.init()检测鼠标是否mouseover,然后调用slideContent滚动下面的内容!

<span style="color: #ff0000;">(注意类名的使用,可以在js文件中更改!)</span>     

下载链接:

下载地址

placeholder属性是html5新加入的,所以非现代浏览器当然不会支持了。 已有牛人写了一下jquery插件实现了placeholder

项目主页

https://github.com/mathiasbynens/jquery-placeholder

使用方法

html

<input type="text" name="name" placeholder="e.g. John Doe">
<input type="email" name="email" placeholder="e.g. [email protected]">
<input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">
<input type="tel" name="tel" placeholder="e.g. +32 472 77 69 88">
<input type="password" name="password" placeholder="e.g. h4x0rpr00fz">
<input type="search" name="search" placeholder="Search this site…">
<textarea name="message" placeholder="Your message goes here"></textarea>

js这样写:

$('input, textarea').placeholder();

css提示

这个插件会自动添加一个名为class="placeholder" ,如果想自己区分来,那就使用下面的css定义

input, textarea { color: #000; }
.placeholder { color: #aaa; }

动手试试吧!