Jquery实现像百度分享一样的侧边导航栏

一直想找一个像百度分享, Jiathis 一样固定的侧边, 鼠标滑过会显示,滑出又会隐藏的侧过导航栏, 这样的jquery插件, 没有找到, 只有自己大概的写了一个, 差不多的功能都实现了.

继续阅读Jquery实现像百度分享一样的侧边导航栏

让superfish在IE6不被遮住

superfish是一个很好用的多级菜单js程序, 运用这个可以很容易做成级联菜单.  但是很在IE6下有个bug就是可能会被下面的层遮住弹出的菜单. IE6中会显示在最下面. 可以对菜单的li 加上 position 和 z-index来解决:

#menu li {position:relative; z-index:99;}

对于IE6的层显示问题解决方法有三,

1、position:relative改为position:absolute;

2、去除浮动;

3、浮动元素添加position属性(如relative,absolute等)

用js解决广告代码载入慢的问题

网页的打开速度直接决定着网站的友好度. 但对于要放置广告的网站来说, 想广告不拖慢网页的载入速度很困难. 有过经验的朋友都知道, 如果直接放置广告,而广告载入慢, 页面加载就会广告在那里.

如果我们用js来调用广告的话,如果广告商的广告加载慢的话,就会使我们整个的网站加载慢,主要是网页的显示顺序是从上到下,而广告我们一般都放在前面, 有几个方法可以是js在等网站全部载入完后再载入,当然这种方法不止用于广告显示,包括比较慢的js文件都可以用。

继续阅读用js解决广告代码载入慢的问题

Iframe之间传值和数据的方法

   最近碰到个问题, 要在Iframe之间传值和数据, 因为页面对像的不同, 一个ifram页面中的form值和数据直接get或Post都是传不到另一个iframe页面的, 设置taget也没有用,  在网上找了很久 没有很好的方法. 只有通过js来实现. 

   两个重要的javascript语句:

top.result.document.location='result.html?data=' + data;

window.top.frames['result'].document.getElementById("an").innerHTML=data;

都很好理解,  第一个就是js重新载入父窗口中name为result的iframe页面,  第二个就是直接通过选择另一个iframe中的元素来赋值.

继续阅读Iframe之间传值和数据的方法

如何写没有链接目标的超链接

    在做一些纯JavaScript的链接时, 并不需要链接目标, 因为我们的目的是执行"onclick"中的JavaScript

    如: <a href="" onclick="alert('test');">dosomething</a>   dosomething   这样写点击以后还是会有跳转,  因为href为空时默认是本页,所以本页会刷新一下.

继续阅读如何写没有链接目标的超链接

Jquery实现同级元素区别对待

      对一个没有确定数目的element,   如果有的元素跟其它的不一样,处理起来很麻烦.  比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个  | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class.  这样程序和页面两个方面都要更改.

     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.

 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
	$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,

     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.