jquery文档处理（一）
摘要：<body> <p class="p1">1111</p> <p id="A">Hello <span>subNode</span></p> <input type="button" value="empty,remove();detach()"> <input type="button" value="empty"/> </body>jquery:func
阅读全文
posted @
2012-11-09 15:45
ms.元
阅读(238)
推荐(0)
基于jquery模仿新浪微博的无狭缝滚动2(内容动态加载)
摘要：html: <div id="runcon"> <ul class="show"> </ul> </div>css:<style type="text/css">#runcon{margin:0 auto;width:400px;overflow:hidden;background:#ffffff;border:1px solid #d6d6d6;height:100px;}#runcon ul{list-style-type:none;position:relative;m
阅读全文
posted @
2012-11-08 18:15
ms.元
阅读(1322)
推荐(0)
基于query简单的div收起和关闭效果
摘要：toggle(fn1,fn2,fn3,---)函数是为对象添加click事件的函数，设置每次点击后一次调用的函数，每次点击一次，就调用一次；toggle实例：html: <h2>点击隐藏和关闭的效过<span>-</span><span>收起</span></h2> <div class="content"> 熟悉jquery事件，委托事件，快捷事件，切换事件 </divcss:<style type="text/css">h2{width:400px;
阅读全文
posted @
2012-11-07 15:31
ms.元
阅读(2325)
推荐(0)
基于jquery模仿新浪微博的无狭缝滚动
摘要：<div><ul><li>1</li><li>2</li></ul></div>实现思想：1.内容的持续滚动；通过设置ul的position;relative;我的实验中用了，position:absolute;top:0也能达到此效果，但这两种方法有什么差异目前，还未清除；给人的感觉就是除了第一个li之外，其他的li是一起滚动的；2.新浪微博的内容是通过上面的内容，把下面的内容推下去，最后一个又重新跑到第一个内容处；让最后的li元素定时插入第一个li元素的上方，然后采用animate方法来改变li
阅读全文
posted @
2012-11-06 11:59
ms.元
阅读(345)
推荐(0)
jquery选择器
摘要：1.基本选择；2.层次选择器；3.过滤选择器；基本过滤选择器，内容过滤选择器；可视化过滤选择器；属性过滤选择器；.子元素选择器；4.表单元素选择器；
阅读全文
posted @
2012-11-06 11:28
ms.元
阅读(51)
推荐(0)
jQuery一句代码实现返回顶部功能
摘要：<style type="text/css">.top{position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;}</style><div onclick="$('body,html').animate({scrollTop:0},911);">2返<br />回<br />顶<br />部</div>
阅读全文
posted @
2012-10-03 21:48
ms.元
阅读(197)
推荐(0)
前端开发工具总结（转）
摘要：前端开发常用的工具“工欲善其事，必先利其器”，现在开发Web应用和前些年相比已经完全不同了。早些年开发ASP应用时，只需要掌握如何应用Dreamweaver就行了；而现在Web应用得越来越成熟，开发语言也更多样化，特别是在Web标准、兼容性、性能、调试、设计等方面得到了广大用户的重视，基于Web的工具应用也越来越多。这些工具能辅助我们在开发效率、思维拓展、协同工作等方面进行改善。下面的小节中将列举一些前端开发人员所必须掌握的工具，相信它们能给我们的工作带来便利。1.4.1 设计类工具Adobe公司旗下的一些软件是我们最常使用的工具集，下面分别介绍其中的一些软件。Adobe Photoshop作
阅读全文
posted @
2012-07-08 22:03
ms.元
阅读(1313)
推荐(2)
字符串和文本框的特效（js/css）
摘要：1.实现只带下划线的textbox;#input1{border:1px;boder-bottom-style:solid; border-bottom-color:red;boder-bottom-color:color;boder-top-style:none;boder-left-style:none;border-right-style:none;color:red;}2.限定文本框的输入（js）；function txtcontrol(content){if(content.length>2){document.getElementById("txt").v
阅读全文
posted @
2012-07-08 21:37
ms.元
阅读(677)
推荐(0)
浙公网安备 33010602011771号