<!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" />
<link href="images/blue/css.css" rel="stylesheet" type="text/css" id="showdialogcss" />
<script>
function showlianxi(status,ev){
var e= ev||window.event;
var show = document.getElementById('showlianxi');
var obj=e.target||e.srcElement;
switch(status){
case 'over':
show.style.position='absolute';
if(e.pageX){
show.style.left=e.pageX+20+'px';
show.style.top=e.pageY+'px';
}
else{
show.style.left=e.clientX + document.body.scrollLeft+ document.documentElement.scrollLeft+5;
show.style.top=e.clientY + document.body.scrollTop+ document.documentElement.scrollTop+5;
}
show.style.display='block';
break;
case 'out':
show.style.display='none';
break;
}
}
</script>
<style type="text/css">
#showlianxi{
background:url(images/lianxibg.jpg) no-repeat;
width:175px;
height:62px;
padding:20px 0px 0px 8px;
display:none;
z-index:100;
display:none;
}
#showlianxi .phoneimg{
float:left;
padding-right:7px;
}
#showlianxi .phone{float:left; font-size:11px;}
.pin_name{
background:url(images/min1.gif) no-repeat;
line-height:28px;
font-weight:bold;
text-align:center;
margin:0 auto;
width:148px;
border:1px solid #ccc;
}
</style>
</head>
<body>
<div class="pin_name" onmouseover="showlianxi('over',event)" onmouseout="showlianxi('out',event)">
<a class="black" href="/store/store.action?id=1">百事公司</a>
</div>
<br />
<div class="pin_name" onmouseover="showlianxi('over',event)" onmouseout="showlianxi('out',event)">
<a class="black" href="/store/store.action?id=1">百事公司</a>
</div>
<div id="showlianxi" onmouseover="showlianxi('over',event)" onmouseout="showlianxi('out',event)">
<div style="height:25px;line-height:25px;">
<div class="phoneimg"><img src="http://www.iteye.com/images/icon_minigender_1.gif?1192779195" width="16" height="14" /></div>
<div class="phone"></div>
<div class="clear"></div>
</div>
<div style="height:25px;line-height:25px;">
<div class="phoneimg"><img src="http://www.iteye.com/images/icon_minigender_1.gif?1192779195" width="16" height="15"/></div>
<div class="float_left"></div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
鼠标移动显示图片JS代码
js 特效 html 特效 鼠标的移动样式 js 特效 html 特效 鼠标的移动样式
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
鼠标移动表格行上行变色的JS脚本,鼠标移动表格行上行变色的JS脚本,
鼠标移动到div上弹出div或者信息,并且自适应显示位置;每一步代码都有详细的解释;简单,通俗易懂
js javascript 鼠标 坐标 移动速度 方向 角度
JavaScript鼠标移动放大图片特效。
鼠标移动时,会吸附背景中漂浮的线条,组成一个伞形。
根据网上文档修改的,网上的都不能用,现在这个在火狐浏览器不能用
这是一款基于Threejs的鼠标移动图片跟随变形动画特效。该动画特效在鼠标移动到指定的区域时,会出现图片跟随鼠标效果,并且在图片移动的过程中,还会发生扭曲变形动画。
鼠标移动显示图片的js特效,看了具体的效果就知道了
鼠标移动到文字上方显示悬浮菜单支持显示与隐藏,当鼠标移动到文字上方,弹出悬浮菜单,鼠标移出文字或移出悬浮菜单,菜单隐藏
第01个小程序:随鼠标移动而变色的背景(VaryTheBackground.cs) 程序运行时,当鼠标指针靠近窗口中心程度不同,客户区的背景颜色也不同。 using System; using System.Windows; using System.Windows.Input; ...
网页效果鼠标移动上出现覆盖层
javascript js 鼠标事件 大全,js鼠标拖动事件,js鼠标移动事件.docx
范例使用SuperMap iClient 6R for JavaScript开发模式,使用MousePosition控件实现鼠标移动到地图上展示实际的地理坐标。
vs2008 treeview js 鼠标移动 节点
鼠标移动图片交互效果JS代码
JS html5实现跟随鼠标移动而散开的粒子效果
js特效鼠标悬浮显示大图,鼠标移动到图片上显示相关大图~!