• 3名中国游客在瑞典遭粗暴对待 外交部敦促瑞方重视中方关切 2018-10-21
  • 国足20-0大胜!女梅西6球,女C罗轰5球,男足才赢19-0 2018-10-21
  • 消协提醒:春节预订酒店有技巧 预付卡消费需谨慎 2018-10-20
  • 陈敏尔唐良智会见传化集团董事长徐冠巨 2018-10-20
  • 扫黑除恶利剑高悬 前8月榕查处违法采砂案件93起 2018-10-20
  • 不能让所谓的收视率愚弄观众 2018-10-18
  • 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • 鼠标移动到文字上出现浮层提示特效(兼容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的不同组件是如何协同工作的。接着将学习设置有效的可编译代码副本的步骤,然后使用基本架构添加自己的配置变量和存储引擎。