寻求网页制作程序那为仁兄知道如:http://www.yahoo.com.cn首页中的例子,鼠标移动到今日焦点显示一个界面
寻求网页制作程序
那为仁兄知道如: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