织梦CMS - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 网页特效 >
  • [网页特效] javascript判断flash是否安装及其版本 日期:2012-05-10 13:43:13 点击:56 好评:0

    javascript判断flash是否安装及其版本...

  • [网页特效] HTML5网页播放器,实现播放本地文件 日期:2012-01-03 18:11:35 点击:942 好评:2

    HTML5网页播放器,主要用到了audio标签,读取本地文件用的是FileReader API(貌似仅支持Chrome)。 还有web audio API应该也能实现播放本地音乐文件,就是本人不才,没有成功! 实例:HTML5网页播放器DEMO  (阿奇arqi.cc关注web,关注前端开发) 看代码,html代码就...

  • [网页特效] 用JS实现的网页关键字高亮显示的方法 日期:2011-10-25 10:10:21 点击:532 好评:1

    <!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="...

  • [网页特效] 带关闭功能的网站顶部滑出的广告提示条 日期:2011-10-25 10:03:35 点击:500 好评:1

    带关闭功能的网站顶... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201110/02-9149.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201110/02-9149.html" class="title">DIV+CSS实现放大镜效果的分页样式</a> <span class="info"> <small>日期:</small>2011-10-02 21:11:50 <small>点击:</small>435 <small>好评:</small>0 </span> <p class="intro"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style type="text/css"> <!-- a { float:left; margin:5px 1px 0 1px; width:20px; height:20... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201109/30-9105.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201109/30-9105.html" class="title">CSS+JS实现兼容性很好的无限级下拉菜单</a> <span class="info"> <small>日期:</small>2011-09-30 12:28:24 <small>点击:</small>396 <small>好评:</small>0 </span> <p class="intro"> 关于多级下拉菜单的实例,在IE8下测试没问题,其他没测,请测试后决定是否使用。... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201109/15-8873.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201109/15-8873.html" class="title">用于显示隐藏内容的demo</a> <span class="info"> <small>日期:</small>2011-09-15 10:30:08 <small>点击:</small>206 <small>好评:</small>0 </span> <p class="intro"> 这是一个静态网站可能用到的功能,类似于英语的完形填空,点显示答案按钮以后,可以显示答案在上面,展示如下: ————–代码————– JAVASCRIPT代码部分 <script type="text/javascript">  ... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201109/10-8797.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201109/10-8797.html" class="title">JS实现鼠标放到图片上变大的特效</a> <span class="info"> <small>日期:</small>2011-09-10 11:04:57 <small>点击:</small>1005 <small>好评:</small>1 </span> <p class="intro"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> 鼠标放到图片上慢慢变大,移开后图片又慢慢变小</title> </head> <body> <img id=MainImg onmouseov... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201109/05-8720.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201109/05-8720.html" class="title">CSS模拟div阴影和提示小三角</a> <span class="info"> <small>日期:</small>2011-09-05 09:23:34 <small>点击:</small>483 <small>好评:</small>1 </span> <p class="intro"> CSS模拟的div阴影和提示小三角效果教程... </p> </li><li> <a href='/wangyesheji/wangyetexiao/201108/21-8570.html' class='preview'><img src='/System/images/defaultpic.gif'/></a> [<b><a href='/wangyesheji/wangyetexiao/'>网页特效</a></b>] <a href="/wangyesheji/wangyetexiao/201108/21-8570.html" class="title">纯css完美解决图片在div内垂直水平居中</a> <span class="info"> <small>日期:</small>2011-08-21 09:35:57 <small>点击:</small>227 <small>好评:</small>0 </span> <p class="intro"> 我们提供的方法,纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、Opera、Safari...... 强烈推荐收藏!... </p> </li> </ul> </div> <!-- /listbox --> <div class="dede_pages"> <ul class="pagelist"> <li>首页</li> <li class="thisclass">1</li> <li><a href='16-2.html'>2</a></li> <li><a href='16-3.html'>3</a></li> <li><a href='16-4.html'>4</a></li> <li><a href='16-5.html'>5</a></li> <li><a href='16-6.html'>6</a></li> <li><a href='16-7.html'>7</a></li> <li><a href='16-8.html'>8</a></li> <li><a href='16-9.html'>9</a></li> <li><a href='16-10.html'>10</a></li> <li><a href='16-11.html'>11</a></li> <li><a href='16-2.html'>下一页</a></li> <li><a href='16-13.html'>末页</a></li> <li><select name='sldd' style='width:42px' onchange='location.href=this.options[this.selectedIndex].value;'> <option value='16-1.html' selected>1</option> <option value='16-2.html'>2</option> <option value='16-3.html'>3</option> <option value='16-4.html'>4</option> <option value='16-5.html'>5</option> <option value='16-6.html'>6</option> <option value='16-7.html'>7</option> <option value='16-8.html'>8</option> <option value='16-9.html'>9</option> <option value='16-10.html'>10</option> <option value='16-11.html'>11</option> <option value='16-12.html'>12</option> <option value='16-13.html'>13</option> </select></li> <li><span class="pageinfo">共 <strong>13</strong>页<strong>123</strong>条</span></li> </ul> </div> <!-- /pages --> </div> <!-- /pleft --> <div class="pright"> <div> <dl class="tbox"> <dt><strong>栏目列表</strong></dt> <dd> <ul class="d6"> <li><a href='/wangyesheji/wangyepeise/'>网页配色</a></li> <li><a href='/wangyesheji/wangyebuju/'>网页布局</a></li> <li><a href='/wangyesheji/html/'>html/xhtml</a></li> <li><a href='/wangyesheji/css/'>css教程</a></li> <li><a href='/wangyesheji/wangyetexiao/' class='thisclass'>网页特效</a></li> <li><a href='/wangyesheji/xindejiqiao/'>心得技巧</a></li> </ul> </dd> </dl> </div> <div id="listRtPicAD" style="margin:10px auto"><!-- 250x250启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58bcc82381892";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250启用SSP 结束 --></div> <div class="commend"> <dl class="tbox light"> <dt class='light'><strong>推荐内容</strong></dt> <dd class='light'> <ul class="d4"> <li><a href="/wangyesheji/wangyetexiao/200808/17-747.html">很不错的一款日期输入控件特效</a> <p>很不错的一款日期输入控件特效...</p> </li> </ul> </dd> </dl> </div> <!-- /commend --> <div class="hot mt1 light"> <dl class="tbox"> <dt class='light'><strong>热点内容</strong></dt> <dd class='light'> <ul class="c1 ico2"> <li><a href="/wangyesheji/wangyetexiao/201002/03-3477.html">网页右下角浮动窗口网页特效</a></li> <li><a href="/wangyesheji/wangyetexiao/200808/17-746.html">类似于Flash制作的一个图片展示</a></li> <li><a href="/wangyesheji/wangyetexiao/201011/09-4940.html">js漂浮广告代码,静止浮动与右下</a></li> <li><a href="/wangyesheji/wangyetexiao/201005/04-3746.html">div+css布局的图片连续滚动js实</a></li> <li><a href="/wangyesheji/wangyetexiao/201002/21-3525.html">网页选项卡切换效果</a></li> <li><a href="/wangyesheji/wangyetexiao/200905/25-2168.html">仿google 搜索的下拉提示效果</a></li> <li><a href="/wangyesheji/wangyetexiao/200809/07-771.html">CSS制作很漂亮的文字滑动效果</a></li> <li><a href="/wangyesheji/wangyetexiao/200908/30-2564.html">CSS+div和JS制作的网页滑动门特</a></li> <li><a href="/wangyesheji/wangyetexiao/200909/15-2735.html">一个很简单的淡入淡出相册特效</a></li> <li><a href="/wangyesheji/wangyetexiao/200808/17-742.html">页面右下角弹出类似QQ或MSN的消</a></li> </ul> </dd> </dl> </div> <a href='http://2v.dedecms.com/' id='__dedeqrcode_1'>织梦二维码生成器</a> <script type="text/javascript"> var __dedeqrcode_id=1; var __dedeqrcode_aid=16; var __dedeqrcode_type='list'; var __dedeqrcode_dir='/System/plus'; </script> <script language="javascript" type="text/javascript" src="/System/plus/img/qrcode.js"></script> <div id="listRtPicAD2" style="margin:10px auto"><!-- 250x250普通 开始 --><script type="text/javascript">var _mda_place_id ="58bcc92e8b472";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250普通 结束 --></div> </div> <!-- /pright --> </div> <div id="innerfooterAD" style="margin:10px auto; width:726px"><!-- 728x90普通 开始 --><script type="text/javascript">var _mda_place_id ="58bce8309bc21";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 728x90普通 结束 --></div> <!-- //底部模板 --> <div class="footer w960 center mt1 clear"> <!-- 为了支持织梦团队的发展,请您保留织梦内容管理系统的链接信息. 我们对支持织梦团队发展的朋友表示真心的感谢!织梦因您更精彩! --> <div class="footer_left"></div> <div class="footer_body"> <p class="powered"> Powered by <a href="http://www.dedecms.com" title="织梦内容管理系统(DedeCms)--国内最专业的PHP网站管理系统,轻松建站的首选利器。" target="_blank"><strong>DedeCMS_V57_GBK_SP2</strong></a> © 2004-2017 <a href="http://www.desdev.cn/" target="_blank">DesDev</a> Inc.<br /><div class="copyright">Copyright © 2002-2017 建站学. 晨展科技 版权所有<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id=cnzz_stat_icon_1275247630%3E%3C/span%3E%3Cscript src=" + cnzz_protocol + "s23.cnzz.com/stat.php%3Fid%3D1275247630%26show%3Dpic1 type=text/javascript%3E%3C/script%3E"));</script> <script> (function(){ var bp = document.createElement(script); var curProtocol = window.location.protocol.split(:)[0]; if (curProtocol === https) { bp.src = https://zz.bdstatic.com/linksubmit/push.js; } else { bp.src = http://push.zhanzhang.baidu.com/push.js; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a>  <a href="http://www.miibeian.gov.cn/" title="豫ICP备18028807号-1">豫ICP备18028807号-1</a></div></p> <!-- /powered --> </div> <div class="footer_right"></div> </div> <!-- /footer --> </body> </html>