帮我改改
移到右边那个层一直在闪,怎么解决。。<!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>
<title>dddd</title>
<style type="text/css">
.divstyle{
position:absolute;
}
li{list-style-type:none; line-height:25px; height:25px; width:150px; border:1px solid red;}
.ShowBgjxs{background-color:red; }
</style>
<script src="jquery/jquery.js"></script>
<script>
function drawDiv(event)
{
// var point = {
// x:0,
// y:0
// };
// // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
// if(typeof window.pageYOffset != 'undefined') {
// point.x = window.pageXOffset;
// point.y = window.pageYOffset;
// }
// // 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
// // IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
// else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
// point.x = document.documentElement.scrollLeft;
// point.y = document.documentElement.scrollTop;
// }
// // 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
// else if(typeof document.body != 'undefined') {
// point.x = document.body.scrollLeft;
// point.y = document.body.scrollTop;
// }
//
// // 加上鼠标在视窗中的位置
// point.x += event.clientX;
// point.y += event.clientY;
document.getElementById("jingxiaoshang").style.left=150;
document.getElementById("jingxiaoshang").style.top=20;
//document.getElementById("jingxiaoshang").style.display="";
}
$(document).ready(function(){
$("li").hover(function(){
$("#jingxiaoshang").show();
drawDiv(event);
$(this).addClass("ShowBgjxs");
},function(){
$("#jingxiaoshang").hide();
$(this).removeClass("ShowBgjxs");
});
});
</script>
</head>
<body>
<div>
<ul id="jxs">
<li>1111</li><li>222</li><li>33333</li><li>444444</li>
</ul>
</div>
<div id="jingxiaoshang" class="divstyle" style="display:none;width:200px; height:200px; border:2px solid blue; background-color:Gray; z-index:1;">
aaaaaaaa看得见风很大空间和份额空间和份额可空间的花费额开发饥饿和罚款看见俄易做图莪看
</div>
</body>
</html>
http://jsfiddle.net/hgGhR/ --------------------编程问答-------------------- 哦 FF,IE9,google chrome没有闪,因为那个菜单显示在最下面
IE8倒是不停的闪,看看先 --------------------编程问答-------------------- 看看这个
http://jsfiddle.net/hgGhR/2/
IE8,9都ok --------------------编程问答--------------------
好东西。。呵呵
LZ的代码 浏览器兼容性不是很好。
--------------------编程问答-------------------- 多加个那个div的事件就可以了
$("#jingxiaoshang").hover(function(){
$(this).css("display","block");
},function(){
$(this).css("display","none");
})
补充:.NET技术 , ASP.NET