文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网络编程Script一个优秀的超链接鼠标悬停提示CSS+JS
精品推荐
特别推荐
·主页javascript特效19则
·各种网页媒体播放器代码及详解
·用户体验:JS实现仿新浪信息提示效果
·网页特效:图片随机显示实例详解
·JavaScript入门学习书籍的阶段选择
·Javascript代码轻松隐藏网页源文件
·网页制作:JavaScript仿Windows关机效果
·网页制作Javascript经典小技巧总结
·JavaScript的9个陷阱及评点
·简单介绍用JSP来实现文件下载功能的几种方式
热点TOP10
·JS经典源码:通用javascript脚本函数库
·Velocity 的应用示例
·常用EMAIL格式检验(Javascript)
·一个很好的日历控件(采用javascript编写)
·动态的下拉菜单
·Javascript代码轻松隐藏网页源文件
·Javascript强制设为首页的网页代码
·左右图片循环滚动停顿一下后继续
·VS2008中JavaScript编辑调试器的秘密
·用confirm确认提交动作,提交确认提示

一个优秀的超链接鼠标悬停提示CSS+JS

日期:2007年12月29日 作者: 查看:[大字体 中字体 小字体]


       超链接,一般的做法是给一个title属性,这样用户的鼠标悬停在超链接上的时候,它会显示title的内容。但是,你是否厌倦了千篇一律的鼠标悬停效果呢?

       当然,也有这方面很炫的代码,但是才跨浏览器方面功夫还是不够,呵呵。我遇到一个不错的css,在IE和Firefox下浏览一样的效果。

      下图是实际运行的效果:

代码如下:

/******************************************************

  dw_viewport.js
  version date Nov 2003
 
  This code is from Dynamic Web Coding
  at http://www.dyn-web.com/
  Copyright 2003 by Sharon Paine
  See Terms of Use at http://www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!

*******************************************************/ 
 
var viewport = {
  getWinWidth: function () {
    this.width = 0;
    if (window.innerWidth) this.width = window.innerWidth - 18;
    else if (document.documentElement && document.documentElement.clientWidth)
    this.width = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth)
    this.width = document.body.clientWidth;
  },
 
  getWinHeight: function () {
    this.height = 0;
    if (window.innerHeight) this.height = window.innerHeight - 18;
   else if (document.documentElement && document.documentElement.clientHeight)
    this.height = document.documentElement.clientHeight;
   else if (document.body && document.body.clientHeight)
    this.height = document.body.clientHeight;
  },
 
  getScrollX: function () {
    this.scrollX = 0;
   if (typeof window.pageXOffset == "number") this.scrollX = window.pageXOffset;
   else if (document.documentElement && document.documentElement.scrollLeft)
    this.scrollX = document.documentElement.scrollLeft;
   else if (document.body && document.body.scrollLeft)
    this.scrollX = document.body.scrollLeft;

[1] [2] [3] [4] [5] 下一页 




上一篇:客户端插入控件

下一篇:使用 JavaScript 实现 XMLHttpRequest

相关文章:
·我和一个偷尝禁果的女孩的故事
·人生哲理:一个人最重要的是他的内心
·如何建立一个网站?规划、设计、目的、原则、宣传
·判断一个女人爱不爱你的标准
·做GOOGLE月入一万RMB提示交流
·18个优秀的在线图片编辑服务网站
·一个防止U盘病毒的小技巧
·自己动手做一个数学函数作图器
·如何去掉超链接的下划线
·三步搞定XP开机时DLL文件出错提示
相关软件:
·一个真实的宋美龄
·一个人的ktv
·功能较强的一个FLASH编辑器
·[都市言情]一个脏脏的美女坐进我车里
·换一个新娘
·从优秀到卓越
·慧视小灵鼠(用鼠标手写输入法)
·一个艺妓的回忆
·一个世纪儿的忏悔
·我和一个少妇的风流韵事

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot