Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1547866
  • 博文数量: 1481
  • 博客积分: 26784
  • 博客等级: 上将
  • 技术积分: 17045
  • 用 户 组: 普通用户
  • 注册时间: 2011-07-12 09:22
文章分类

全部博文(1481)

文章存档

2014年(10)

2013年(353)

2012年(700)

2011年(418)

分类: 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部分的代码:




超链接提示!






6.
//完毕,祝大家学习愉快
//欢迎各位兄弟姐妹指正,拍砖
//联系:xcl0520@sina.com

原文地址:

阅读(347) | 评论(0) | 转发(0) |
0

上一篇:时间过的真快

下一篇:五区法平均分点

给主人留下些什么吧!~~