用数组实现DIV+CSS滑动门效果-计算机安全

《用数组实现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