鼠标移到文字上出现图片提示的代码?
发布网友
发布时间:2022-04-23 12:46
我来回答
共5个回答
热心网友
时间:2022-04-23 22:45
范例代码如下:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移到文字上弹出提示层</title>
<style type="text/css">
.item .box{
display:none;
width: 315px;
height: 180px;
background:#CCC;
border:1px solid #333;
padding:12px;
text-align:center;
}
.item:hover .box{
display:block;
}
</style>
</head>
<body>
<div class="item">
<a href="#">查看光度范围</a>
<div class="box" id="box"><img src="11.jpg" /></div>
</div>
<div class="item">
<a href="#">查看光度范围</a>
<div class="box" id="box"><img src="10.jpg" /></div>
</div>
</body>
</html>
热心网友
时间:2022-04-24 00:03
以上回答问题者都是答非的问。
楼主应该讲的是网页制作里的鼠标特效吧,虽然我也不是很懂,但在网上搜到一段代码,不知道管不管用,楼主可以一试。
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JsCode.cn|---跟随鼠标的图片</title>
<script LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
function doMouseMove() {
layerName = 'iit'
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}
document.onmousemove = doMouseMove;
</script>
</head>
<body>
<!-- 以下代码是设定此页的鼠标样式代码 -->
<script language="javascript">
if (navigator.appName == "Netscape") {
}
else
{
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
document.write('</div>')
}
</script>
</body>
</html>
热心网友
时间:2022-04-24 01:37
网站上还是文档里 还什么什么地方
热心网友
时间:2022-04-24 03:29
具体是什么样子,截个图来看看
我觉得只要不影响你的正常使用,就不用管它了
热心网友
时间:2022-04-24 05:37
是啊截个图看看,要不请具体描术一下这样才知道怎么解决问题!
鼠标移到文字上出现图片提示的代码?
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 鼠标移到文字上弹出提示层.item .box{display:none; width: 315px;height: 180px; background:#CCC;border:1px solid #333;padding:12px;text-align:center;}...
有没有鼠标指在文字上就可以显示图片的html代码
function show_img()//显示图片函数,鼠标移到链接触发{document.getElementById("img_1").style.display = "block";}function hide_img()//隐藏图片函数,鼠标离开链接触发{document.getElementById("img_1").style.display = "none";}这是一段链接<!--自己定义图片src链接!--> ...
当鼠标移到文字层上弹出图片覆盖文字层代码
文字 js:img.onmouseover=text.onmouseover=function(){img.style.display='block';}
当鼠标移到文字层上弹出图片覆盖文字层代码
文字层onmouseover的时候,显示图片层(display="")文字层onmouseout的时候,隐藏图片层(display="none")参考资料:http://www.w3school.com.cn/tiy/t.asp?f=hdom_onmouseout
在Dreamweaver中,如何实现鼠标经过文字时在鼠标旁边自动出现图片?
您好,关于这个层,我的代码如下:首先给你说说思路,你把鼠标移动到文字上面,这个时候其实你鼠标旁边就有一个隐藏的层,层里面有一个img图片的样式框,接下来就是调用就是一个onmoseover()事件,然后用这个事件调用一个函数,函数里面将这个层显示并且获得当前鼠标移动位置的坐标即可。这是我的思路,...
鼠标移动到文字上显示图片
用js可以,创建两个div,一个是放你的文字div1,一个放你的图片div2,当鼠标移到文字时,设置div1的onmouseover设置为使div2显示,当鼠标移出文字时设置div1的onmouseout设置为div2隐藏。
html标记中,怎么实现鼠标移动到一个文字上就弹出一个说明,鼠标移走说明...
设置标记的title属性就行了.比如 鼠标移上来 就会显示xxx,移走就没了
淘宝代码就是这种鼠标移动到文字上面会出现图片还可以点击
首先说,这是可以实现的 有css权限的话可以写hover伪类 没有权限可以调用淘宝的Widget组件:Popup,来实现弹出层效果 但是根据上面的提问和追问,估计题主个人要实现起来比较困难,上面那个回答根本没着题 由于实现方式较为复杂,尤其是在淘宝的环境下,所以如果想要有人帮你做不是很现实 有其他疑问可以...
...事件怎么设置鼠标移动到图片或者文字上在旁边弹出一个图片介绍_百度...
"s1").style.display="none";} 要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。
求鼠标移到文字后有提示信息的HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"<HTML> <HEAD> <TITLE>网页即时提示演示 </TITLE> <!STYLE元素定义顶级元素BODY与行内元素SPAN的样式> <STYLE> BODY {cursor:default} SPAN {background-color:yellow} </STYLE> </HEAD> <BODY> <H3>Unit 14 Lesson 54</H3> <P> ...