06 2013 档案
摘要：vertical-align:10px; /*数字可以是正数也可以是负数*/例：垂直对齐方式
阅读全文
摘要：text-transform:capitalize; /*单词首字母大写*/text-transform:uppercase; /*全部大写*/text-transform:lowercase; /*全部小写*/显示效果：
阅读全文
摘要：text-decoration:underline; /*下划线*/text-decoration:overline; /*顶划线*/text-decoration:line-through; /*删除线*/text-decoration:blink; /*闪烁 此功能目前只有firefox支持*/text-decoration:underline line-through; /*文字不仅有下划线还有删除线；当同时有多个值时，中间用空格分开*/
阅读全文
摘要：核心 each size length selector 属性 each size length selector 选择器 each size length selector 参考图片：empty.gif(是一张空白的图片) join.gif joinbottom.gif line.gi...
阅读全文
摘要：toggleClass(class|fn[,sw])toggleClass()：如果存在（不存在）就删除（添加）一个类。<script src="../jquery-1.7.1.js" type="text/javascript"></script><script type="text/javascript"> $(function(){ /*点击switcher元素里任何一个元素都会执行隐藏动作*/ $("#switcher").click(function(){ $(&quo
阅读全文
摘要：index() 方法返回指定元素相对于其他指定元素的 index 位置注:如果未找到元素，index()返回-1；index()的值从0开始；例：获得单击的li元素的index值<script type="text/javascript" src="../jquery-1.7.1.js"></script><script type="text/javascript"> $(function(){ $("li").click(function(){ alert($(this).in
阅读全文
摘要：<style type="text/css"> *{ text-align:center;} img{ filter:alpha(opacity=100, finishopacity=0,style=2); } #gradient{ width:300px; height:224px; position:absolute; top:0; left:350px; background:-webkit-gradient(radial,150 112, 120, 150 112, 40, from(rgba(255,255,255,1)),to(rgba(255,25
阅读全文
摘要：用CSS3实现文字渐变效果2011-06-23首先要说明，你的浏览器支持CSS3的话，才能看到正确的演示效果。如果你现在用的浏览器是Chrome、Safari等，就是你的浏览器支持background-clip + text-fill-color等CSS3属性，那么你可以看到下面文字渐变的漂亮效果：CSS（CSS代码中关键有用的其实就是最后三行）：<style type="text/css">.text-gradient { display: inline-block; color: green; font-size: 8em; font-family: 微软.
阅读全文
摘要：序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！$(this)生成的是什么$()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。题外话：通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector,document).如果指定context，可以指定context为一个dom元素集或者jquery对象。那么依照，$()返回的是jquery对象这一结论，我们可以得出$(this)得到的是一个jquery对象
阅读全文
摘要：js中innerHTML与innerText的用法与区别用法：<divid="test"><spanstyle="color:red">test1</span>test2</div>在JS中可以使用：test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“<spanstyle="color:red">test1</span>test2 ”。test.innerText: 从起始
阅读全文
