• 新华保险广西分公司2017年理赔7677万元 2018-08-21
  • 首创集团打造京津冀协同发展新样本 2018-08-21
  • 共商共治共享 建设美丽长三角 2018-08-21
  • 晋金所交易大厅正式启动运营 2018-08-21
  • 南昌遭遇入汛以来首次大范围降雨 2018-08-21
  • 特朗普将提名新任白宫国家经济委员会主任 2018-08-21
  • 城镇调查失业率:触摸就业市场真实“温度” 2018-08-20
  • 许昌市获批国家居家和社区养老服务改革试点 2018-08-20
  • 我国高端芯片研制已具备基础 2018-08-20
  • 遭爆校长任期炒高房价请假率高 吴茂昆:旧案重提悖离事实 2018-08-19
  • 2018年洗衣机市场健康洗产品已成市场新引擎 2018-08-19
  • 大学毕业生创业“修手机” 两个月进账超30万元 2018-08-19
  • 張近東代表建議,用AI、區塊鏈技術打造數據安全“護城河” 2018-08-18
  • 清明忆先烈 习近平这样传承“红色基因” 2018-08-18
  • 第二届福建省大学生文化创新创意大赛落幕 2018-08-18
  • 鼠标移动到文字上出现浮层提示特效(兼容IE,火狐等所有浏览器)

    栏目: 编程语言 发布于: 2014-05-09 18:30:23

    发一个同时兼容IE6,IE7,IE8,IE9,火狐,苹果等所有浏览器的鼠标移动到文字上出现浮层提示特效,效果非常棒,可以根据具体的情况稍作修改:

    <html>
    <head>
    <title>鼠标移动到文字上出现提示特效</title>
    </head>
    <body>
    <script>
    function $(id){
    	return document.getElementById(id);
    }
    document.write("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px;	border: 1px solid #FFCC99;display:none\"></div>");
    function mmove(o,s){
    	var evt=event||window.event;
        var x=evt.clientX+5;
        var y=evt.clientY+20;
        $('ts').style.left=x+'px';
        $('ts').style.top=y+'px';
        if(s==''||typeof(s)=='undefined'){
            $('ts').innerHTML=o.innerHTML;
        }else{
            $('ts').innerHTML=s;
        }
        $('ts').style.display='';
    }
    function mout(){
    	$('ts').style.display='none';
    }
    </script>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">aaaaaaaaa<br><font color=red>aaaaaaa></font></a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this,'哈哈s')" onMouseOut="mout();">bbbbbbbbbbb</a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">cccccccccccc</a>
    </p>
    <p>
    <img src="http://www.rocksun.cn/images/default/logo.gif"  onmousemove="mmove(this,' 蓝色理想<br><font color=red>实现梦想</font>')" onMouseOut="mout();">
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">eeeeeeeeeeeee</a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">想做个特效就是移到文字上面或是图片上面出现提示,title能够定义属性吗?如换行,文字色彩等<br />
    <br />
    在坛内看到一个移<span><font color=blue>到小图片上出现大图片的效果,效果不错</font></span>,感觉挺复杂,不知道有没有更简单一点的。
    </a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">ggggggggggggggggggggggggggg</a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">hhhhhhhhhhhhhhhhhhhhhhhhh</a>
    </p>
    <p>
    <a href="#" onMouseMove="mmove(this)" onMouseOut="mout();">想做个特效就是移到文字上面或是图片上面出现提示,title能够定义属性吗?如换行,文字色彩等<br />
    <br />
    在坛内看到一个移<span><font color="#CC0000">到小图片上出现大图片的效果,效果不错</font></span>,感觉挺复杂,不知道有没有更简单一点的。
    </a>
    </p>
    </body>
    </html>

    您可能感兴趣的文章

    • 显示行号的文本框效果,兼容ie、火狐等浏览器
    • JS判断滚动条是否停止滚动,兼容IE和火狐浏览器
    • javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
    • 如何设置DIV层显示在flash对象之上,兼容ie和firefox等浏览器
    • 如何解决DIV层被Flash遮盖问题(兼容IE和火狐浏览器),如何使DIV层在FLASH上面显示
    • JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
    • 网页背景音乐的设置方法,兼容所有浏览器
    • jquery弹出窗口插件(兼容所有浏览器)分享
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:鼠标移动到文字上出现浮层提示特效(兼容IE,火狐等所有浏览器)
    IT技术书籍推荐:
    深入理解MySQL核心技术
    深入理解MySQL核心技术
    Sasba Pacbev (作者), 李芳 (译者), 于红芸 (译者), 邵健 (译者)
    《深入理解MySQL核心技术》:从公共可用性的意义上讲,MySQL源代码是开放源代码,但如果对其不了解,则实质上,它对于您来说是封闭的。MysQL开发团队的前成员Sasha Pachev通过《深入理解MySQL核心技术》给出了MySQL 5的全面指南,揭示了这一强大数据库的内部运作。您将直奔MySQL核心技术,了解各种数据结构和各种方便的功能的运作情况,了解如何添加新的存储引擎和配置选项等。 《深入理解MySQL核心技术》从结构概况讲起,在这一部分解释了MysQL的不同组件是如何协同工作的。接着将学习设置有效的可编译代码副本的步骤,然后使用基本架构添加自己的配置变量和存储引擎。