点击展开收缩特效源码
适合于放在网页顶部和底部的展开收缩js特效代码，js只几行代码。实用且美观。 代码演示：以下是程序代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 顶部下拉特效netblog.cn <!-- 代码 开始 --> 秋叶网络博客最新日志更新 2014-4-9 12:35 可关闭的右下角弹出广告特效代码 2014-4-9 12:35...
文字滚动特效，适用于新闻更新
这也是本站头部公告里面使用的一种特效，由html和js组成，以js为主的滚动文字效果的代码。 代码演示：以下是程序代码 td {font-size: 12px;color:#366;} 爆炸性头条： var marqueeContent=new Array(); marqueeContent[0]='+ 博主郑重推荐2014网赚头条项目。 '; marqueeContent[1]='+ 轻松日赚100+，月赚3000+毫无压力 '; marqueeContent[2]='+ 刷钻教程，网赚有方法才是王道...
js实现网页背景图流动特效
一小段js让你的网页背景图片流动起来，可以自行变换流动方向，流动速度等。 演示： 以下是程序代码 JS实现的往下不断流动的网页背景 <!-- Begin var backgroundOffset = 0; //背景图片的偏移量 var bgObject = eval('document.body'); //得到文挡本身的对象 function scrollBG(maxSize) { //这个函数就是滚动背景的核心 backgroundOffset = backgroundOffset + 1; //“+/-”...
纯CSS的鼠标经过文本时的悬停提示信息特效
鼠标感应特效，把鼠标指向链接或某段文本会弹出提示，类似于网页默认的title属性，只是效果会比默认的好很多，经过了简单的美化工作，完全css实现，脱离任何js文件，一点点代码。 代码演示： 以下是程序代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 鼠标停留特效显示相应提示 秋叶网络...
鼠标左右拖曳翻页看书特效
非常棒的翻页特效，只要开动点脑筋，可以把这一特效应用到很多网页上去，极具震撼读者眼球。 演示： 以下是程序代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> JS打造的拖拽翻页效果 *{margin:0;padding:0;} body{font-size:12px; overflow:hidden;} img{border:0;} li{list-style:non...
可关闭的右下角弹出广告特效代码
广告代码，不会弄广告位的看过来，包看包会。要做广告也要做人性化广告，不能关闭的广告都是流氓广告。 代码演示： 以下是程序代码 JS实现右下角可关闭可最小化的浮动div层广告代码 #msg_win{border:1px solid #A67901;background:#EAEAEA;width:300px;position:absolute;right:2;margin:0px;display:none;overflow:hidden;z-index:99;} #msg_win .icos{position:absolute;...
非常漂亮的网页秒表计时器
一款很酷很有型的秒表计时器，以后运动会就带着个这个东西去了，开玩笑的，某些网站还是非常需要这样的秒表计时器，比如说在线答题的，时时彩等等。 演示： 以下是程序代码 <!DOCTYPE HTML> 一款纯CSS3制作的秒表 body{ background:white; } .container { padding: 50px; text-align: center; } .timer { padding: 10px; background: -webkit-linear-gradient(top, #222, #...
一款适用于放网站侧边栏的特效日历
无论是放在wordpress侧边栏还是放在其它博客网站的侧边栏，此款日历都会为你的网站红袖添香 。具体效果自己运行测试，可根据代码自行调整样式。 代码演示： 以下是程序代码 经典的带时间显示的JS日历 <!-- body, p, div,td,input {font:menu;line-height: 150%} .div { font-family: 宋体; font-size: 12px; line-height: 150% } --> //创建一个数组,用于存放每个月的天数 ...
表格日期快捷选择填充器特效
在某些场合发挥巨大作用的一款html源码，它能使你快速地输入数据填充表格，只需鼠标操作。 演示： 以下是程序代码 一款非常不错的日期选择效果 function HS_DateAdd(interval,number,date){ number = parseInt(number); if (typeof(date)=="string"){var date = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2])} if (typeof(date)=="object"){var dat...
CSS3荷叶窗式切换的幻灯片特效
很多人在寻找漂亮的幻灯片效果，这里分享一款很不错的幻灯片切换效果的源码。但是一定要用支持css3的浏览器才能完美出效果。 以下是程序代码 *{margin:0px;padding:0px;} body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;} .tips{width:702px;margin:0 auto;line-height:24px;padding-top:10px;} .bredcolor{color:#fff;} .billboard {height:3...
