Category Archives: jQuery

jQuery打造个性有序列表

Posted on 2009年02月11日 by Bell

当遇到有序列表的时候我们一般会用到ol+li这样的标签,因为除了符合语义外其默认样式就有序号标识,这样就免去了我们手动添加的麻烦,但由于浏览器兼容性问题(尤其是IE…)使它的实用性大打折扣,所以要实现有序列表更多的时候是用程序来解决,但通过jQuery我们完全可以在不改变现有结构的情况下打造一个个性化的有序列表. 先来看Demo 实现起来也很简单,看看第一个例子,首先是载入javascript代码 <script type=“text/javascript” src=“js/jquery-1.3.js”></script> <script type=“text/javascript”> $(document).ready(function(){ $(“#step li”).each(function (i) { i = i+1; $(this).addClass(“item”+i); }); </script>

Posted in HTML & CSS, jQuery1 views | 4 Comments

jQuery文本字数限制插件-maxlength

Posted on 2009年01月31日 by Bell

        相信大家对twitter类的微博客都不陌生,作为一句话博客其字数即时提示效果设计的非常人性化. 实现这个效果有很多方法,这里就介绍一种jQuery插件maxlength,它的使用非常简单,让我们先看看演示: Demo maxlength.js下载

Posted in jQuery1 views | 3 Comments

用jQuery解决IE下<select >被截断的BUG

Posted on 2009年01月15日 by Bell

        <select>是我们常用的控件,但在IE下却存在一个令人困扰的BUG,就是在定义了<select>宽度的情况下,<option>里的内容宽度超过<select>定义宽度的话,超出的部分将被截断…影响用户的正常浏览.(而在FF,webkis内核的浏览器里会被正确的解析,如图)

Posted in jQuery1 views | Tagged | Leave a comment

jQuery图片平滑切换插件-EasySlider

Posted on 2009年01月10日 by Bell

EasySlider是jQuery的一个插件,它可以轻松实现类似淘宝首页切换图的效果. 下面我们来看看实现方法: 1.我们需要一个放置图像的列表: <div id=”slider”>   <ul>        <li><a href=”#”><img src=”images/01.jpg” alt=”Css Template Preview” /></a></li>    <li><a href=”#”><img src=”images/02.jpg” alt=”Css Template Preview” /></a></li>    <li><a href=”#”><img src=”images/03.jpg” alt=”Css Template Preview” /></a></li>    <li><a href=”#”><img src=”images/04.jpg” alt=”Css Template Preview” /></a></li>    <li><a href=”#”><img src=”images/05.jpg” alt=”Css Template Preview” … Continue reading →

Posted in jQuery1 views | 2 Comments
Pages: Prev 1 2 3