HTML/CSS/JS
文章平均质量分 75
mane_yao
一直在学习,从来没收获!
展开
-
基于marquee类带停顿横向图片滚动代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">基于marquee类的横向图片滚动-download by http://www.codefans.net>body{font-size:12px;font-family:arial;}function Marquee(){原创 2010-03-21 18:44:00 · 2404 阅读 · 1 评论 -
jQuery1.3.2竖向的伸缩菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jquery1.3.2竖向的伸缩菜单-www.codefans.nethttp://www.codefans.net/ajaxjs/jquery1.3.2.js">> $(document).ready(function(原创 2010-04-15 15:38:00 · 699 阅读 · 0 评论 -
DIV学写带动画的CSS+JS下拉导航条
DIV下拉菜单导航条body{font-size:9pt;}.menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:#99FFFF;background:#669900}.menu{position:absolute;t原创 2010-04-16 20:55:00 · 1440 阅读 · 0 评论 -
公司类网站喜欢用的纯CSS菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml">Merix-download by http://www.codefans.net>*{margin:0;padding:0;}html{height:100%;margin-bottom:1px;background:#48494d;}原创 2010-04-16 20:52:00 · 686 阅读 · 0 评论 -
为玉树祈祷,网站灰黑色CSS哀悼滤镜代码
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用CSS,可以在网页/模板的HTML原创 2010-04-21 08:58:00 · 1629 阅读 · 1 评论 -
绝对经典的滑动门特效代码
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">绝对经典资讯网站滑动门特效*{padding:0; margin:0}img{border:0; display:block;}BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM:原创 2010-04-26 16:04:00 · 2044 阅读 · 0 评论 -
CSS Tab简洁版,切换标签
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS_Tab简洁版 body{margin:0; font-size:12px; background:#666;} #box{width:400px; height:300px; margin:100px auto 0;}原创 2010-04-29 16:54:00 · 1315 阅读 · 0 评论 -
灰色会换色MAC官方菜单纯CSS实现
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">MAC菜单html,body { height:100%; background:#fff; }body { font:12px "宋体",Arial,sans-serif; c原创 2010-04-29 16:56:00 · 815 阅读 · 0 评论 -
门户网常用的文字滑动使图片切换效果
文字与图片切换*{margin:0;padding:0;border:0;list-style:none}.focusPic{width:500px; margin:0 auto; clear:both; text-align:center; border:1px solid #ccc;}.focusPic .focusTitle{width:240px;float:right; font-siz原创 2010-04-29 17:07:00 · 1196 阅读 · 0 评论 -
蓝色大气的交替导航菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">蓝色菜单body{margin:100px 0}.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden}.clear{d原创 2010-04-29 17:09:00 · 8907 阅读 · 0 评论 -
网页页面实现自动刷新的3种代码
当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地基本,而且这个效果甚至不能称之为特殊效果。你只要把如下代码加入你的网页中就可以了。1.页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2.页面自动跳转:把如下代原创 2010-05-05 13:46:00 · 52787 阅读 · 1 评论 -
高效的javascript 幻灯片
javascript 幻灯片播放,在网上见到的都挺复杂感觉,自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。简单高效的javascript 幻灯片播放原创 2010-07-02 16:05:00 · 648 阅读 · 0 评论 -
边滚边停的JS图片滚动
一边滚动一边暂停的JS图片滚动,横向的滚动,常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。图片滚动原创 2010-07-02 16:03:00 · 619 阅读 · 0 评论 -
div 内table 居中
<br />css代码:<br /> #dlgReply<br /> {<br /> /*display: table-cell;<br /> text-align: center;*/<br /> vertical-align: middle;<br /> }<br /> table<br /> {<br /> margin-left: auto;<br转载 2010-07-02 16:00:00 · 1316 阅读 · 0 评论 -
HTML 5 参考手册
W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 , , , 以及 。通过制定如何处理所有原创 2010-05-10 09:18:00 · 669 阅读 · 0 评论 -
超链接样式和水平线样式
超链接: a:link{ color :#00688B;text-decoration:none;font-size: small}//未 a:hover{ color :#000000;text-decoration:underline} a:active{ color :Gray ;text-decoration:underline} a:visited{ color :#00688B;text-decoration:none;font-size: small }//过水平线:1、普原创 2010-07-16 15:29:00 · 2024 阅读 · 0 评论 -
Js对联广告代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">标准对联广告Js代码 by www.codefans.net>#lovexin12,#lovexin14{width:90px;height:230px;background-color:#ededed;border:1px原创 2010-04-15 15:35:00 · 1199 阅读 · 0 评论 -
JS右下角悬浮广告代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JS右下角悬浮广告代码内容在这里function rightBottomAd(){ var abc = document.getElementById("ad"); abc.style.top = document.docum原创 2010-04-15 15:33:00 · 2784 阅读 · 1 评论 -
超漂亮Js+css图片幻灯切换
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">图片幻灯切换 by /* { margin:0; padding:0; }body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-s原创 2010-04-15 15:32:00 · 577 阅读 · 0 评论 -
一级横向滑动,二级竖向下拉综合菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">一级横向滑动,二级竖向下拉综合菜单 body,ul,ol,li,dl,dt,dd,h1{ margin:0; padding:0; list-style:none;}body { font:12px "Arial","宋体";原创 2010-03-24 11:14:00 · 1190 阅读 · 0 评论 -
浮动在网页右侧的简洁QQ在线客服
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">浮动在网页右侧的简洁QQ在线客服-www.codefans.net.qqbox a:link { color: #000; text-decoration: none;}.qqbox a:visited { color: #0原创 2010-03-25 13:27:00 · 2740 阅读 · 0 评论 -
Javascript图片幻灯代码(无jquery)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Javascript图片幻灯效果.d1{width:443px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;p原创 2010-03-24 11:19:00 · 1854 阅读 · 0 评论 -
经典的蓝色CSS下拉菜单
经典的蓝色CSS下拉菜单*{margin:0;padding:0;border:0;}#div_center { width:790px; height:23px; background:#003399; margin-left: auto;margin-right:auto;} #nav { line-height: 20px; list-style-type: none; margin-to原创 2010-03-24 11:16:00 · 778 阅读 · 1 评论 -
禁止在图片上使用右键
禁止在图片上使用右键var clickmessage="无法完成操作!"function disableclick(e) {if (document.all) {if (event.button==2||event.button==3) {if (event.srcElement.tagName=="IMG"){alert(clickmessage);return false;}}}if (doc原创 2010-03-24 11:19:00 · 1335 阅读 · 0 评论 -
JS大幅卷屏广告代码
JS大幅卷屏广告代码 function $(ele){return document.getElementById(ele)}var popIMG={stimer:null,etimer:null,init:function(imgurl,width,height){this.imgurl=imgurl;this.width=width;this.height=height;},create原创 2010-03-25 13:11:00 · 1061 阅读 · 0 评论 -
QQ在线客服代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">右侧悬浮的QQ在线客服-www.codefans.net.qqbox a:link { color: #000; text-decoration: none;}.qqbox a:visited { color: #000; t原创 2010-03-25 13:22:00 · 1275 阅读 · 0 评论 -
浮动的图片广告
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">浮动的图片广告 var imagepath="/jscss/demoimg/logo_demo1.gif" var imagewidth=100;var imageheight=89;var speed=6; var imag原创 2010-03-29 19:32:00 · 734 阅读 · 0 评论 -
JavaScript封装的平滑图片滚动,绝不用jQuery
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JavaScript封装的平滑图片滚动body{ font-size:12px; color:#333;}#picBox{width:610px; height:205px; margin:50px auto; o原创 2010-03-29 19:29:00 · 1114 阅读 · 0 评论 -
JS图片滚动,从右向左滚动
JS图片滚动 var speed=30//数值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeftdemo.scrollLeft-=demo1.offsetWidth else{ demo.sc原创 2010-03-29 19:36:00 · 1957 阅读 · 0 评论 -
Marquee 最简单图片滚动特效
bgcolor=#00eeff behavior=alternate width="100%"> align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。 Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。 Direction:用于设定活动字幕的滚动方向是向左(left)、向右(r原创 2010-03-29 19:38:00 · 2236 阅读 · 0 评论 -
淘宝网缩略图预览生成大图的代码
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">淘宝网鼠标放上小图生成大图的效果div#PreviewBox{ position:absolute; padding-left:6px; display: none; Z-INDEX:2006;}div#Preview原创 2010-04-13 13:04:00 · 2829 阅读 · 1 评论 -
Js图片匀速向上滚动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">图片向上滚动 body{ margin:0px; padding:0px; } *{margin:0px; padding:0px;} *{font-size:12px;} #scroll{width:173原创 2010-04-13 12:59:00 · 1249 阅读 · 0 评论 -
清爽简洁的图片交替导航效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">清爽简洁的图片交替导航效果img{border:0px}.chinaz{width:380px;height:60px}#page_left_1 {WIDTH: 378px; }#page_left_2 {WIDTH: 380原创 2010-04-13 13:00:00 · 619 阅读 · 0 评论 -
美化过的匀速图片滚动
美化过的匀速图片滚动P { MARGIN: 20px}.table-left-right { BORDER-LEFT: #E7E7E7 1px solid; BORDER-RIGHT: #E7E7E7 1px solid;}TD { font-size: 12px;}.hangju { line-height: 20px; word-spacing: 3pt;}.title{ color: #00原创 2010-04-15 15:30:00 · 425 阅读 · 0 评论 -
css 背景图片平铺技巧
<br />使用css来设置背景图片同传统的做法一样简单,但相对于传统控制方式,css提供了更多的可控选项,我们先来看看最基本的设置图片的方法。<br />xhtml代码:<br /><div id="content"> <br /></div> <br />css代码:<br />#content { <br />border:1px solid #000fff; <br />height:500px; <br />background-image:url(images/bg.GIF); <br />}原创 2010-09-17 11:02:00 · 8498 阅读 · 0 评论