欢迎来到天天文库
浏览记录
ID:42680495
大小:70.64 KB
页数:34页
时间:2019-09-20
《用数组实现DIV+CSS滑动门效果-计算机安全》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、用数组实现DIV+CSS滑动门效果-计算机安全最近看到网站上有好多这样的效果,好几个栏目共用一个区域,把鼠标移到栏目的那几个字上面,下面自动显示相关栏目的内容。这是怎么实现的呢,我就自学了一下,是DIV+CSS实现的,并不难,SDmodel.sd(["m01","m02"],["c01","c02"],"sd01","sd02");/mo1是栏目的调用,c01是内容的调用*/SDmodel.sd(["mm01","mm02"],["cc01","cc02"],"sd01","sd02");SDmodel.sd(["mmm01","mmm02"],["ccc01",
2、"ccc02"],"sd01","sd02");SDmodel.sd(["mmmm01","mmmm02"],["cccc01","cccc02"],"sd01","sd02");下面是源代码:
3、avascript>functionfontZoom(size){ document.getElementById('con').style.fontSize=size+'px';}body{margin:0px;padding:0px;font-size:12px;background:#eee;line-height:0px;}.bodyer{width:295px;margin:0pxautoauto;border:0pxdotted#ccc;background:#fff;}.t_rt{text-align:right;}h1,h2,h3,h4,h
5、5,h6{font-weight:bold;margin:0px;padding:0px;font-size:12px;}ul,li{margin:0px;padding:0px;}li{list-style-type:none;}h1{margin:10px;padding-right:10px;padding-bottom:5px;border-bottom:1pxdotted#ccc;}.preview{margin:0px;padding:0px;overflow:hidden;background:#eee;}.cont{padding:0px;}.cl
6、s{clear:both;}.hidden{display:none;}#sourse{border:1pxdotted#ccc;width:590px;height:300px;margin:0pxauto;}.textDiv{margin:10px40px10px;text-align:center;}h2{margin:0px10px;background:#ccc;padding:5px;}.example{margin:10px;background:#FFF;border:1pxdotted#ccc;padding:10px;}.scrolldoorF
7、rame{width:295px;margin:0pxauto;overflow:hidden;}.scrollUl{width:295px;border-bottom:0pxsolid#CCC;overflow:hidden;height:25px;background-image:url(../../templates/default/images/lefttitle1.gif);color:#FFFFFF;}.scrollUlli{float:left;}.bor03{border:0pxsolid#ccc;border-top-width:0px;}.sd
8、01{cu
此文档下载收益归作者所有