足球游戏_中国足彩网¥体育资讯$

仿当当下拉文件
来源:易贤网 阅读:762 次 日期:2014-08-26 15:11:48
温馨提示:易贤网小编为您整理了“仿当当下拉文件”,方便广大网友查阅!

仿当当图片下拉框特效.来源于网络

查看效果:仿当当下拉文件

代码:

<!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> 折叠效果特效</title>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<meta http-equiv="Content-Language" content="zh-CN" />

<meta name="description" content="" />

<script language="javascript">

function pucker_show(name,no,hiddenclassname,showclassname) {

for (var i=1 ;i<6 ;i++ )

{

document.getElementById(name+i).className=hiddenclassname;

}

document.getElementById(name+no).className=showclassname;

}

</script>

<style type="text/css">

* {padding:0; margin:0; font:normal 12px "宋体"; text-decoration:none; color:#000;}

a {color:#369;}

a:hover {color:#f00; text-decoration:underline;}

#top5 {width:300px; margin:20px; border-bottom:1px solid #ccc;}

#top5 div {clear:left; padding:5px 0 0 15px; background:#fff url("1.gif") no-repeat left 5px; border-top:1px solid #ccc;}

#top5 #box2 {background-image: url("/2.gif");}

#top5 #box3 {background-image: url("/3.gif");}

#top5 #box4 {background-image: url("/4.gif");}

#top5 #box5 {background-image: url("/5.gif");}

#top5 .show img {float:left; width:60px; height:85px; margin:0 5px 5px 0;}

#top5 .show h2 {padding:5px 0;}

#top5 .show p {line-height:150%;}

#top5 .hidden {background-position:left center;background-color:#ffd;}

#top5 .hidden img {display:none;}

#top5 .hidden p {display:none;}

</style>

</head>

<body>

<div id="top5">

<div class="show" id="box1" onmouseover="pucker_show('box',1,'hidden','show')">

<img src="1.jpg" alt="明朝那些事儿" />

<h2><a href="#">网站制作学习网1</a></h2>

<p>作者:折叠效果<br />出版社:中国友谊出版社<br />出版时间:2006-9-1</p>

</div>

<div class="hidden" id="box2" onmouseover="pucker_show('box',2,'hidden','show')">

<img src="2.jpg" alt="别笑,我是英语单词书" />

<h2><a href="#">网站制作学习网2</a></h2>

<p>作者:折叠效果<br />出版社:陕西师范大学出版社<br />出版时间:2007-9-1</p>

</div>

<div class="hidden" id="box3" onmouseover="pucker_show('box',3,'hidden','show')">

<img src="3.jpg" alt="求医不如求己" />

<h2><a href="#">网站制作学习网3</a></h2>

<p>作者:折叠效果<br />出版社:中国中医药出版社<br />出版时间:2007-2-1</p>

</div>

<div class="hidden" id="box4" onmouseover="pucker_show('box',4,'hidden','show')">

<img src="4.jpg" alt="不生病的智慧" />

<h2><a href="#">网站制作学习网4</a></h2>

<p>作者:折叠效果<br />出版社:江苏文艺出版社<br />出版时间:2007-8-1</p>

</div>

<div class="hidden" id="box5" onmouseover="pucker_show('box',5,'hidden','show')">

<img src="5.jpg" alt="求医不如求己2" />

<h2><a href="#">网站制作学习网5</a></h2>

<p>作者:折叠效果<br />出版社:江苏文艺出版社<br />出版时间:2007-10-1</p>

</div>

</div>

</body>

</html>

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目
易贤网手机网站地址:仿当当下拉文件
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标