如何实现迅雷看看提示性效果的JS

wdxgdiy 2008-10-11 12:27:23

如何实现迅雷看看提示性效果的JS

网址是http://kankan.xunlei.com/

把鼠标放图片上有提示框半透明的。还能跟着鼠标移动

...全文

259 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wtcsy 2008-10-11

打赏
举报

[Quote=引用 6 楼 wdxgdiy 的回复:]
2楼那个有点BUG 把鼠标放在图片上单击右键点属性，然后点取消，在移动鼠标就会报错，还有提示信息应该写活了吧，我觉得应该这么写
[/Quote]
报什么错，我没测出来但是想看看是什么错。。。。告诉我一下

写活？？网上的写法就是ajax了涉及到取后台数据库的内容或者是xml的这个地方是写不出来的，不对噢，是我写不出来

wdxgdiy 2008-10-11

打赏
举报

2楼那个有点BUG 把鼠标放在图片上单击右键点属性，然后点取消，在移动鼠标就会报错，还有提示信息应该写活了吧，我觉得应该这么写



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

<style type="text/css"> 

<!-- 

.a{

line-height:18px;

font-size:12px;    

background:#ffffff; 

filter: Alpha(opacity=85); 

width:200px; 

height:205px; 

position:absolute; 

border-right:1px solid #0066FF; 

border-bottom:1px solid #0066FF; 

border-top:1px solid #0066FF; 

border-left:1px solid #0066FF;

 } 

.a1 

{ height:180px;

padding:10px;} 

.a2 

{ background:#0066FF; 

height:25px;}    

--> 

</style> 

<script>

var oo=true

function create(obj){

if(oo==true)

{var div1 =document.createElement("div")

div1.className="a"

div1.id="cantion"

document.body.appendChild(div1)

var div2 =document.createElement("div")

div2.className="a1"

div2.innerHTML=obj

div1.appendChild(div2)

var div3 =document.createElement("div")

div3.className="a2"

div1.appendChild(div3)

oo=false}

document.getElementById("cantion").style.left=event.clientX+8 

document.getElementById("cantion").style.top=event.clientY+18

}



function display(){

if(document.getElementById("cantion")!=null)

{

oo=true

document.body.removeChild(document.getElementById("cantion"))

}

}             //不知道为什么函数名不能取clear

</script>

<body>

<img style="cursor:hand;" id="e" src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseMove="create('本代码由CSDN    wtcsy提供')" onmouseout="display()"/>

</body>

</HTML>

wdxgdiy 2008-10-11

打赏
举报

是啊。能扣出来我就不上这问来了

fx_blog 2008-10-11

打赏
举报

用ajax吧.

一把编程的菜刀 2008-10-11

打赏
举报

直接把他的代码扣回来用不就得了

wtcsy 2008-10-11

打赏
举报

<style type="text/css"> 

<!-- 

.a{

line-height:18px;

font-size:12px;    

background:#ffffff; 

filter: Alpha(opacity=85); 

width:200px; 

height:205px; 

position:absolute; 

border-right:1px solid #0066FF; 

border-bottom:1px solid #0066FF; 

border-top:1px solid #0066FF; 

border-left:1px solid #0066FF;

 } 

.a1 

{ height:180px;

padding:10px;} 

.a2 

{ background:#0066FF; 

height:25px;}    

--> 

</style> 

<script>

var oo=true

function create(){

if(oo==true)

{var div1 =document.createElement("div")

div1.className="a"

div1.id="cantion"

document.body.appendChild(div1)

var div2 =document.createElement("div")

div2.className="a1"

div2.innerHTML="XXXXXXXXXXXXXXXX<br>OOOOOOOOOOOOOO<br>XXOOXOXOXOXOXOXO"

div1.appendChild(div2)

var div3 =document.createElement("div")

div3.className="a2"

div1.appendChild(div3)

oo=false}

document.getElementById("cantion").style.left=event.clientX+8 

document.getElementById("cantion").style.top=event.clientY+18

}



function display(){

oo=true

document.body.removeChild(document.getElementById("cantion"))

}             //不知道为什么函数名不能取clear

</script>

<body>

<img style="cursor:hand;" id="e" src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseMove="create()" onmouseout="display()"/>

</body>