• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

初学进阶:上网实用小技巧六招
北京网站设计网页制作基础:HTML标签和属性的语义化
北京网站制作用Photoshop为信封盖上奥运中国印
企通互联photoshop制作lomo风格非主流效果
北京网站建设Photoshop三步把风景照变手绘效果
网站设计Photoshop“索引颜色”位图转为矢量图
网站设计用CSS设计高用户体验的web文字大小
北京网页设计为不同的浏览器载入不同CSS的二种方法
企通互联按颜色分类:青绿色系(Blue Green)
网站建设javascript实用技巧集锦(3)


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站建设网站制作鼠标在文本上移动时层的显示与消失

网站建设网站制作鼠标在文本上移动时层的显示与消失


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

把这里的所有代码都放在<body>与</body>之间即可 中国站长_站,为中文网站提供动力

以下为引用的内容: 北京网站建设企通互联

<script language=javascript> 北京网站制作
<!-- 网站制作
function hiddiv() 北京网页设计
{ 网站设计
document.all.ab.style.display="none" 网页设计
} 北京网页设计
function showdiv() 网站设计
{ 北京网页设计
document.all.ab.style.display="" 企通互联
document.all.ab.style.left=window.event.clientX+15 网站建设
document.all.ab.style.top=window.event.clientY 网站设计
} 北京网页设计
//--> Chinaz^com

</script> 北京网页设计
<div id=ab style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址:园区星海街东侧<br>电话:0512-65103588-206</div>

中. 北京网站制作国.站长站

<table border="0" cellpadding="0" cellspacing="0" width="600"> 网页设计
<tr> 网站制作
<td width="150"><a href="#" onmouseout=hiddiv(); onmousemove=showdiv();>发现之旅</a></td> 网站设计
</tr> 网站设计
</table>

[中国站长站]

站.长站

当然了这里的功能比较简单,没有对浏览器类型进行判断,本人不才,就把这个问题留给各位了,欢迎每一位朋友来修改这个问题。 Www.Chinaz.com

在这里还有一个问题就是如果文本不止一个、定义的层也就不止一个。如果还用这样的方法就会出错,我对这个问题研究了一下,用下面的这个方法就可以解决了。 站长.站

以下为引用的内容:北京网站设计

<script language=javascript> 北京网页设计
<!-- 网页设计
function hiddiv(blah) 北京网站设计
{ 企通互联
blah.style.display="none" 网站建设
} 北京网站制作 北京网站设计
function showdiv(blah) 网站建设
{ 网站制作
blah.style.display="" 网站设计
blah.style.left=window.event.clientX+15 北京网站设计
blah.style.top=window.event.clientY 北京网站建设
} 北京网站设计
//--> Chinaz~com

</script> 企通互联
<div id=ab style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址:园区星海街东侧<br>电话:0512-65103588-20611</div> 站.长.站

<div id=cd style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址:新区明星街南侧<br> 北京网页设计电话: 网站建设0512-65103588-20622</div> 中国站.长站

<table border="0" cellpadding="0" cellspacing="0" width="600"> 企通互联
<tr> 北京网站建设
<td width="150"><a href="#" onmouseout=hiddiv(ab); onmousemove=showdiv(ab);>发现之旅</a></td> 北京网站制作
</tr> 网站制作
<tr> 北京网站建设
<td width="150"><a href="#" onmouseout=hiddiv(cd); onmousemove=showdiv(cd);>和风景苑</a></td> 北京网页设计
</tr> 北京网页设计 网站制作
</table> Chinaz

中国站.长站

如果有更多的文本和层的话以此类推即可。 Chinaz^com

在这里有几点要说明的就是: 中国.站.长站

1、showdiv中带参数时再用document.all.ab.style.display=""就不适用了,关于这点朋友们可以参考有关书籍 Www_Chinaz_com

2、onmouseover与onmousemove的区别是:当鼠标移过当前对象时就产生了onmouseover事件 网站设计, 企通互联当鼠标在当前对象上移动时就产生了onmousemove事件,只要是在对象上移动而且没有移出对象的,就是onmousemove事件。我当前就是因为这个onmouseover事件惹的祸要不早就搞定了。今天写出来让朋友们也能注意这一点。 站.长站

网站建设
字体:【大】【中】【小】

上一篇:网站制作XHTML网页与HTML网页制作技术对比

下一篇:网站建设鼠标在文本上移动时层的显示与消失

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates