资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
jquery实现的提示浮层跟随鼠标移动
jquery实现：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery实现简单文字提示</title> <style type="text/css"> #preview{border:1px solid #cccccc; background:#9900CC;color:#fff; padding:5px; display:none; position:absolute;} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22http%3A%2F%2Fimg.glzy8.com%2Fjslib%2Fjquery%2Fjquery.js%22%3E%3C%2Fscript%3E"> </head> <body> <a class="preview">把鼠标放到这里1</a> <br><br><br> <a class="preview">把鼠标放到这里2</a> <br><br><br> <a class="preview">把鼠标放到这里3</a> <br><br><br> <a class="preview">把鼠标放到这里4</a> <br><br><br> <a class="preview">把鼠标放到这里5</a> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Athis.imagePreview%20%3D%20function()%7B%20%0D%0A%2F*%20CONFIG%20*%2F%20%0D%0AxOffset%20%3D%2010%3B%20%0D%0AyOffset%20%3D%2030%3B%20%0D%0A%2F%2F%20%E5%8F%AF%E4%BB%A5%E8%87%AA%E5%B7%B1%E8%AE%BE%E5%AE%9A%E5%81%8F%E7%A7%BB%E5%80%BC%20%0D%0A%2F*%20END%20CONFIG%20*%2F%20%0D%0A%24(%22a.preview%22).hover(function(e)%7B%20%0D%0A%24(%22body%22).append(%22%3Cdiv%20id%3D'preview'%3Ejquery%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E6%96%87%E5%AD%97%E6%8F%90%E7%A4%BA%3C%2Fdiv%3E%22)%3B%20%0D%0A%24(%22%23preview%22)%20%0D%0A.css(%22top%22%2C(e.pageY%20-%20xOffset)%20%2B%20%22px%22)%20%0D%0A.css(%22left%22%2C(e.pageX%20%2B%20yOffset)%20%2B%20%22px%22)%20%0D%0A.fadeIn(%22slow%22)%3B%20%0D%0A%7D%2C%20%0D%0Afunction()%7B%20%0D%0A%24(%22%23preview%22).fadeOut(%22fast%22)%3B%20%0D%0A%7D)%3B%20%0D%0A%24(%22a.preview%22).mousemove(function(e)%7B%20%0D%0A%24(%22%23preview%22)%20%0D%0A.css(%22top%22%2C(e.pageY%20-%20xOffset)%20%2B%20%22px%22)%20%0D%0A.css(%22left%22%2C(e.pageX%20%2B%20yOffset)%20%2B%20%22px%22)%3B%20%0D%0A%7D)%3B%20%0D%0A%7D%3B%20%0D%0A%2F%2F%20%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%89%A7%E8%A1%8C%20%0D%0A%24(document).ready(function()%7B%20%0D%0AimagePreview()%3B%20%0D%0A%7D)%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程