网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json|js 鼠经过图片预览效果
json|js 鼠经过图片预览效果
发布时间:2019-05-20
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js 鼠经过图片预览效果 <script type="text/javascript"> function enableTooltips(id){ var links,i,h; if(!document.getElementById || !document.getElementsByTagName) return; h=document.createElement("span"); h.id="btc"; h.setAttribute("id","btc"); h.style.position="absolute"; document.getElementsByTagName("body")[0].appendChild(h); if(id==null) links=document.getElementsByTagName("img"); else links=document.getElementById(id).getElementsByTagName("img"); for(i=0;i
30) l=l.substr(0,27)+"..."; setOpacity(tooltip); el.tooltip=tooltip; el.onmouseover=showTooltip; el.onmouseout=hideTooltip; el.onmousemove=Locate; } function showTooltip(e){ document.getElementById("btc").appendChild(this.tooltip); Locate(e); } function hideTooltip(e){ var d=document.getElementById("btc"); if(d.childNodes.length>0) d.removeChild(d.firstChild); } function setOpacity(el){ el.style.filter="alpha(opacity:95)"; el.style.KHTMLOpacity="0.95"; el.style.MozOpacity="0.95"; el.style.opacity="0.95"; } function CreateEl(t,c){ var x=document.createElement(t); x.className=c; x.style.display="block"; return(x); } function Locate(e){ var posx=0,posy=0; if(e==null) e=window.event; if(e.pageX || e.pageY){ posx=e.pageX; posy=e.pageY; } else if(e.clientX || e.clientY){ if(document.documentElement.scrollTop){ posx=e.clientX+document.documentElement.scrollLeft; posy=e.clientY+document.documentElement.scrollTop; } else{ posx=e.clientX+document.body.scrollLeft; posy=e.clientY+document.body.scrollTop; } } document.getElementById("btc").style.top=(posy+10)+"px"; document.getElementById("btc").style.left=(posx-20)+"px"; } </script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script>
">
">
">
">
">
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/28940/
上一篇:
[js关闭当前页面]js页面滚动时层智能浮动定位实现
下一篇:
【ajax提交form表单】ajax php多文件上传代码
相关推荐
[sql存储过程循环while循环]sql存储过程循环while
[关于阅读]关于Ruby初学者提供一些资源站
[xss漏洞修复]XSS漏洞攻击与防止办法
[js关闭当前页面]js页面滚动时层智能浮动定位实现
select 默认选中_select 联动菜单实现代码
【string查找子字符串】string中的单词查找与左右字符剪切
英语语法学不好的原因|Ruby语法学习入门篇
json|js URL地址自动添加的实现正则
[dedecms模板]dedecms 更新附加表 `_addonsoft` 时出错
sessionviewstate|Session,ViewState用法详细说明
网友关注
[淘宝网首页]仿淘宝网图片预览效果
[asp.net core]asp.net WinForm下ComboBox设定SelectedValue
settimeout用法_setTimeout 和 setInterval 区别详解
php重定向和页面跳转|PHP重定向和页面快速转向
【asp.net core】asp.net处理datetime为空的字段
【phpstudy】php 获取客户浏览器与操作系统类型
csrf-token_C# 函数与函数重载
[python第一个元素]python第一天 欢迎来到python
phpstudy|php 写入和读取文件函数
phpstudy_php 截取一定长度的字符串(该函数对GB2312使用有效
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
【ajax提交form表单】ajax php多文件上传代码
js教程
【javascript学习指南】java 删除不为空文件夹与文件删除
js教程
【json】js 获取域名
js教程
javascript学习指南|javascript与asp.net中禁用复制 粘贴功能
js教程
json_js 根据内容设置checkbox为选中状态
js教程
javascript学习指南_java 传递过程中出现的问题解决方法
js教程
[javascript学习指南]javascript比较与精确比较
js教程
[js多文件上传必须上传一个文件夹]js多文件上传必须上传一个文件代码
js教程
[图片不断向左滚动js特效代码]图片不断向左滚动js效果
js教程
【json】js tr.parentNode.removeChild(tr);删除表格行
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有