资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
jquery 简单的title显示插件
学到插件 自己也倒弄出来一个。
效果图如下：
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <style type="text/css"> #conBox{ position:absolute; width:200px;padding:5px;display:none;background:#666;z-index:999;border-radius:5px;} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20src%3D%22http%3A%2F%2Fimg.glzy8.com%2Fjslib%2Fjquery%2Fjquery14.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E"> </head> <body> <span class="ll" title="123">你好</span> <a title="123" href="#" _ewebeditor_ta_href="%23">四大发送</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" class="ll" href="#" _ewebeditor_ta_href="%23">1的爽肤水</a> <a title="123" href="#" _ewebeditor_ta_href="%23">1撒旦法1</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12撒旦法1</a><a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" href="#" _ewebeditor_ta_href="%23">12331</a> <a title="123" class="ll" href="#" _ewebeditor_ta_href="%23">12331</a> <div></div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%24(function()%7B%20%0D%0A%2F%2F%E6%8F%92%E4%BB%B6%E4%B8%BB%E9%A2%98%20%0D%0A%24.fn.extend(%7B%20%0D%0AshowTitle%3Afunction()%7B%20%0D%0A%24('%3Cdiv%20id%3D%22conBox%22%3E%3C%2Fdiv%3E').appendTo('body')%3B%20%0D%0Avar%20d%3D%24(%22%23conBox%22)%3B%20%0D%0Athis.bind(%7B%20%0D%0Amouseover%3Afunction()%7B%20%0D%0Aif(!%24(%22%23conBox%22))%7B%20%0D%0A%24('%3Cdiv%20id%3D%22conBox%22%3E%3C%2Fdiv%3E').appendTo('body')%3B%20%0D%0A%7Delse%7B%20%0D%0Ad%3D%24(%22%23conBox%22)%3B%20%0D%0A%7D%20%0D%0Avar%20of%3D%24(this).offset()%3B%20%0D%0Avar%20title%3D%24(this).attr(%22title%22)%3B%20%0D%0A%2F%2F%E5%AE%9A%E4%B9%89%E4%BD%8D%E7%BD%AE%20%0D%0Ad.css(%7Btop%3Aof.top%2B%24(this).height()%2B%22px%22%2Cleft%3A%24(this).width()%2F2%2Bof.left%2B%22px%22%7D).text(%24(this).attr(%22title%22))%3B%20%0D%0A%2F%2F%E6%98%BE%E7%A4%BA%20%0D%0Ad.fadeIn()%3B%20%0D%0A%7D%2C%20%0D%0Amouseout%3Afunction()%7B%20%0D%0A%2F%2F%E9%BC%A0%E6%A0%87%E4%B8%80%E8%B5%B0%E9%9A%90%E8%97%8F%20%0D%0Ad.fadeOut()%3B%20%0D%0A%7D%20%0D%0A%7D)%3B%20%0D%0A%7D%20%0D%0A%7D)%3B%20%0D%0A%0D%0A%2F%2F%E8%B0%83%E7%94%A8%20%0D%0A%24(%22.ll%22).showTitle()%3B%20%0D%0A%7D)%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程
