分类: IT职场
2012-07-02 10:43:33
//在新闻类的网站上经常见到这种超链接提示,默认效果很差劲,又慢又单调,在一些网页布局很紧张的网页上(一如北京的房子)还经常出现超出长度用"..."来代替的用法
//这里用jquery写一个超链接提示,给爱美的学弟学妹,祝大家学习愉快,欢迎兄弟姐妹们拍砖指正
1.实现后的效果如下:
2.设计思想:
//1.获取a元素,当鼠标移动到元素上时提取元素的title内容,并将其默认值清空,为祖元素li添加一个类以提示选中
//2.创建一个div元素,内容是原来title的内容,并将元素添加到当前页面(注意定位问题)
//3.当鼠标离开a元素时要清除创建的元素,删除li的classname为h的类,把默认title还原
//4.当鼠标移动时让提示跟随
//说明:
//
jquery已经解决事件的兼容性问题
// 创建的div元素要有absolute定位
3.具体的jquery代码:
4.HTML 和 CSS部分的代码:
原文地址: