寻求网页制作程序解决方法-JavaSript-爱易网页

寻求网页制作程序解决方法

日期：2014-05-16　浏览次数：20368 次

寻求网页制作程序
那为仁兄知道如:http://www.yahoo.com.cn首页中的例子,鼠标移动到"今日焦点"显示一个界面,移动到"站长天下"又显示一个界面.改技术在网上找了多次都没成功.
请那位仁兄帮忙发来一个成形的例子,或指点具体能下栽的网址,兄弟亏不了各位的.拜托了

------解决方案--------------------

HTML code

<!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>DIV - 自/手动变换</title>
<style type="text/css">
<!--
@charset "utf-8";
/*ndisplay: none;
top: 20px;
left: 30px;
width: 280px;
height: 150px;
background-color: #ffffff;
text-align: center;
border: solid 1px;
padding: 10px;
z-index: 100;
}
#panel{
background-color: #CCFFFF;
padding: 10px;
margin: 10px;
}
</style>
<script type="text/javascript">
function showLogin(id)
{
id.style.display = "block";
}
function showForbid()
{
forbid.style.width = document.body.clientWidth;
forbid.style.height = document.body.clientHeight;
forbid.style.visibility = "visible";
}
</script>


<div id="forbid" style="position: absolute; visibility: hidden; z-index: 0; top: 0px; left: 0px; filter:Alpha(Opacity=60,style=0);"></div>

<a href="javascript:showLogin(login);showForbid();void(0);">点击选择</a>
<a href="javascript:showLogin(login2);showForbid();void(0);">点击选择</a>

<div id="login" class="login">
<span>请选择</span>
<div id="panel" align="left">

<input type="checkbox" name="p_1" value="1">1111<br>

</div>
<div style="z-index:auto"><a href="javascript:login.style.display = 'none';forbid.style.visibility = 'hidden'; void(0);">关闭</a></div>
</div>


<div id="login2" class="login">
<span>请选择</span>
<div id="panel" align="left">

<input type="checkbox" name="p_1" value="1">2222<br>

</div>
<div style="z-index:auto"><a href="javascript:login2.style.display = 'none';forbid.style.visibility = 'hidden'; void(0);">关闭</a></div>
</div>

</body>
</html>

------解决方案--------------------

去这下吧，我从我的网页里截了一段，应该能满足你的要求，其实这个主要是CSS的定义
http://gz.web35.net.cn/index.rar

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

寻求网页制作程序解决方法

相关资料更多>

推荐阅读更多>