Category Archives: Javascript

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

自适应高度的iframe

Posted on 2008年12月29日 by Bell

在开发项目中会遇见需要使用iframe的情况,,但iframe的自适应能力非常差,特别是用于侧边栏的时候,iframe的高度是固定的,不能随内容的多少而变换,这就会严重影响页面的美观,这里就介绍一种使用javascript方法来解决这个问题. 原理很简单,就是当页面载入的时候算出iframe所引用页面的高度,然后把得出的高度赋给iframe,这样就实现的iframe高度的自适应.下面我们看看代码: javascript的代码: <script language=”javascript”> window.onload = (function () {  var iObj = document.getElementById(‘demo’); iObj.height =  iObj.contentWindow.document.documentElement.scrollHeight; }); </script> Html代码: <iframe frameborder=”0″ src=”sidebar.html” class=”iframe_style”  id=”demo” name=”demo” scrolling=”no”></iframe>  弊端: 目前在实际运用中发现这种方法并不完美,存在一下几种弊端 效率问题,如果iframe引用的是结构复杂的动态页面,会导致页面加载时间很长,影响用户浏览(除IE6的浏览器可以用min-height来缓解这种现象) iframe高度相对固定,iframe的高度是通过加载页面是即时算出来的,也就是说在不刷新主页面的情况下,如果iframe引用页面内容改变(比如翻页,而且第二页的内容比第一页多),那么就会出现内容显示不完全的情况…

Posted in Javascript1 views | Tagged | 3 Comments
Pages: Prev 1 2 3 4