爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JS特效
js+css打造经典资讯网站滑动门效果
js+css打造经典资讯网站滑动门效果
日期：2014-05-18 浏览次数：20522 次
以下是程序代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。以质量为核心，以实用为目的,打造一流网页特效站" /> <title>站长特效 js+css打造绝对经典资讯网站滑动门特效 站长特效网</title> <style type="text/css"> <!-- *{padding:0; margin:0} img{border:0; display:block;} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis_zzjs_net { DISPLAY: block } .undis_zzjs_net { DISPLAY: none } #cntr_zzjs { WIDTH: 302px } #zzjs { CLEAR: both; MARGIN-BOTTOM: 16px } #zzjs P { FLOAT: left; LINE-HEIGHT: 21px } #zzjs P.top_zzjs { FONT-WEIGHT: bold; WIDTH: 117px } #zzjs P.topzzjs { BACKGROUND: #dcdcdc; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer } #zzjs P.top_zzjs_1 { BACKGROUND: #c2130e; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff } #zzjs #zzjs_tit { BORDER-BOTTOM: #c2130e 3px solid; HEIGHT: 21px } #zzjs #zzjs_cnt { PADDING-LEFT: 32px; BACKGROUND: url(/img/li_20110118zzjs_net.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left } #zzjs #zzjs_cnt A { COLOR: #666; TEXT-DECORATION: none } #zzjs #zzjs_cnt A:hover { COLOR: #c2130e; TEXT-DECORATION: underline } --> </style> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>，以质量为核心，以实用为目的，打造一流网页特效站！zzjs.net，站长js特效。<hr> <!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，zzjs@msn.com,用.net打造靓站--> <DIV id="cntr_zzjs"> <DIV id="zzjs"> <DIV id="zzjs_tit"> <P class="top_zzjs">站长特效</P> <P class="topzzjs">国内</P> <P class="topzzjs">国际</P> <P class="topzzjs">社会</P> <P class="topzzjs">网评</P> </DIV> <DIV id="zzjs_cnt"> <SPAN title="站长特效提示您，不要删除这行"></SPAN> <SPAN> <A href="http://www.zzjs.net" target="_blank">复选框全选、全不选的Javascript代码</A><BR> <A href="http://www.zzjs.net" target="_blank">可拖动、关闭及最小化的层拖动窗口</A><BR> <A href="http://www.zzjs.net" target="_blank">复选框全选、全不选的Javascript代码</A><BR> <A href="http://www.zzjs.net" target="_blank">很实用的对联广告代码（自适应高度）</A><BR> <A href="http://www.zzjs.net" target="_blank">复选框全选、全不选的Javascript代码</A><BR> <A href="http://www.zzjs.net" target="_blank">很酷的JavaScript图片放大效果</A><BR> <A href="http://www.zzjs.net" target="_blank">很实用的对联广告代码（自适应高度）</A><BR> <A href="http://www.zzjs.net" target="_blank">复选框全选、全不选的Javascript代码</A><BR> <A href="http://www.zzjs.net" target="_blank">很实用的对联广告代码（自适应高度）</A><BR> <A href="http://www.zzjs.net" target="_blank">可拖动、关闭及最小化的层拖动窗口</A><BR> <div align="right"><A href="http://www.zzjs.net" target="_blank">...more</A></div> </SPAN> <SPAN> <A href="http://www.zzjs.net" target="_blank">很酷的JavaScript图片放大效果</A><BR> <A href="http://www.zzjs.net" target="_blank">可拖动、关闭及最小化的层拖动窗口</A>&l</div></div> <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li> <li class="next"><a href="2255">下一篇：dom节点添加到文档实例</a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34190' title='Facebook思科联手推免费WiFi 欲覆盖全美' target="_blank"> Facebook思科联手推免费WiFi 欲覆盖全美</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34262' title='猎豹移动上市押海外市场 与小米有合作空间' target="_blank"> 猎豹移动上市押海外市场 与小米有合作空间</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34103' title='传4G牌照国庆节前后发放 TD-LTE制式优先' target="_blank"> 传4G牌照国庆节前后发放 TD-LTE制式优先</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/436' title='富士康人事故骚动方寸 不惜血本下注电商' target="_blank"> 富士康人事故骚动方寸 不惜血本下注电商</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34343' title='易迅大众点评缩水执行“七天后悔权”被约谈' target="_blank"> 易迅大众点评缩水执行“七天后悔权”被约谈</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/392' title='团购网站存活率仅18.6% 剩余缺乏千家' target="_blank"> 团购网站存活率仅18.6% 剩余缺乏千家</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34351' title='新闻早8点》Facebook失手发布Snapchat类应用' target="_blank"> 新闻早8点》Facebook失手发布Snapchat类应用</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34438' title='云智慧：用大数据实现企业应用性能管理' target="_blank"> 云智慧：用大数据实现企业应用性能管理</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34335' title='杨元庆去年总薪酬1.33亿元' target="_blank"> 杨元庆去年总薪酬1.33亿元</a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs"> <!--右边的内容--> <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/cloud/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/vps2.png" alt="香港云服务器 免备案 云主机VPS 国内 独立IP 独享15M 月付SSD" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/ItNews/34108 title='广东移动高层受调查 中移动或现更大反腐风暴' target="_blank"> 广东移动高层受调查 中移动或现更大反腐风暴</a></li> <li class="articleAbout"><a href=/ItNews/6890 title='HTC与苹果三星距离扩展 C2B形式成新武器' target="_blank"> HTC与苹果三星距离扩展 C2B形式成新武器</a></li> <li class="articleAbout"><a href=/ItNews/34295 title='特斯拉将获上海免费牌照 充电桩面临双重标准' target="_blank"> 特斯拉将获上海免费牌照 充电桩面临双重标准</a></li> <li class="articleAbout"><a href=/ItNews/10810 title='网曝富士康500万iphone遭退货是确证的事' target="_blank"> 网曝富士康500万iphone遭退货是确证的事</a></li> <li class="articleAbout"><a href=/ItNews/34194 title='微软确认 Surface 计划更多尺寸和LTE 版本' target="_blank"> 微软确认 Surface 计划更多尺寸和LTE 版本</a></li> <li class="articleAbout"><a href=/ItNews/34224 title='虚拟运营商温度有多高？降温OR升温内外有别' target="_blank"> 虚拟运营商温度有多高？降温OR升温内外有别</a></li> <li class="articleAbout"><a href=/ItNews/34361 title='英特尔涉嫌垄断 欧盟或开出史上最高罚单' target="_blank"> 英特尔涉嫌垄断 欧盟或开出史上最高罚单</a></li> <li class="articleAbout"><a href=/ItNews/34167 title='都是300元内 乐视盒子与小米盒子对比体验' target="_blank"> 都是300元内 乐视盒子与小米盒子对比体验</a></li> <li class="articleAbout"><a href=/ItNews/10822 title='360涉足搜索范围 百度市场份额面临应战' target="_blank"> 360涉足搜索范围 百度市场份额面临应战</a></li> <li class="articleAbout"><a href=/ItNews/34360 title='华为美国推出电商网站 发售Mate 2LTE版' target="_blank"> 华为美国推出电商网站 发售Mate 2LTE版</a></li> <li class="articleAbout"><a href=/ItNews/681 title='中方抗议美方限购IT设备 紧张关系加剧' target="_blank"> 中方抗议美方限购IT设备 紧张关系加剧</a></li> <li class="articleAbout"><a href=/ItNews/34373 title='网络视频的几大趋势将成视频玩家躲不开的发力点' target="_blank"> 网络视频的几大趋势将成视频玩家躲不开的发力点</a></li> <li class="articleAbout"><a href=/ItNews/6854 title='Facebook以“人”为本的名义占领安卓' target="_blank"> Facebook以“人”为本的名义占领安卓</a></li> <li class="articleAbout"><a href=/ItNews/34359 title='2013年至今中国互联网行业十大并购案汇总' target="_blank"> 2013年至今中国互联网行业十大并购案汇总</a></li> <li class="articleAbout"><a href=/ItNews/34300 title='中移动将推出多项4G资费新政' target="_blank"> 中移动将推出多项4G资费新政</a></li> <li class="articleAbout"><a href=/ItNews/34368 title='湘鄂情剥离餐饮业务进军大数据的底气在哪里？' target="_blank"> 湘鄂情剥离餐饮业务进军大数据的底气在哪里？</a></li> <li class="articleAbout"><a href=/ItNews/6853 title='传运营商高层将变化 专家称需体制革新' target="_blank"> 传运营商高层将变化 专家称需体制革新</a></li> <li class="articleAbout"><a href=/ItNews/6916 title='第二梯队也PK：当1号店“遇上”京东手机节' target="_blank"> 第二梯队也PK：当1号店“遇上”京东手机节</a></li> <li class="articleAbout"><a href=/ItNews/34097 title='柳传志马云陷舆论漩涡：请不要辜负这个时代' target="_blank"> 柳传志马云陷舆论漩涡：请不要辜负这个时代</a></li> <li class="articleAbout"><a href=/ItNews/34250 title='微信将商场O2O战火烧到了阿里巴巴老家' target="_blank"> 微信将商场O2O战火烧到了阿里巴巴老家</a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2026 爱易网页 当前在线：373人 网站在6时0分48秒内访问总人数：65278人 当前 38.43% <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>
以下是程序代码 以下是程序代码