网页特效
文章平均质量分 74
yzkzoo
dfg
展开
-
DIV+CSS布局基础:HTML标记(一)
1------------------------------------------------------------------------- 说明:注释标记,在“”之间的内容将不在浏览器中显示。 2------------------------------------------------------------------------- 说明:描述文件所符合的HT转载 2007-12-14 09:15:00 · 627 阅读 · 0 评论 -
带链接的滚动字幕
====1、将以下代码加入HEML的之间//设置marquee的宽度 (in pixels)var marqueewidth=400//设置marquee的高度 (in pixels, 该参数只适用于NS)var marqueeheight=20//设置marquee滚动的速度(数值大速度快)var speed=4//设置marquee显示内容,使用标准的HTML语法。var marqu转载 2007-12-11 10:57:00 · 504 阅读 · 0 评论 -
图象滚动公告版
====1、将以下代码加入到HEML的之间: /*设置下面的参数。 设置scrollerwidth和scrollerheight参数,设置成滚动显示的图片中尺寸最大的。*/var scrollerwidth=140var scrollerheight=40var scrollerbgcolor=white//每个图间暂停3秒。var pausebetweenimages=3000//转载 2007-12-11 10:51:00 · 384 阅读 · 0 评论 -
将图片图片固定在页面左上角
====1、将以下代码加入到HEML的之间// 1) 做一个88*31的LOGO。if (document.images)var staticlogo=new Image(88,31)// 2) 设置LOGO的路径。staticlogo.src="图片的名称1.gif"// 3) 以下是LOGO代表的连接。var logolink="http://www.happydrips.com"/转载 2007-12-11 10:49:00 · 2517 阅读 · 0 评论 -
图片展示选择
1、以下代码放在HTML的 区即可://以上是程序初始时显示的图片。看看图片1看看图片2看看图片3看看图片4转载 2007-12-11 10:47:00 · 326 阅读 · 0 评论 -
不停闪烁的图片
1、以下代码放在一个新建页面的HTML的 区即可:[页面上必须什么都没有]Blink imagevar msecs = 500; //改变时间得到不同的闪烁间隔;var counter = 0; function soccerOnload() {setTimeout("blink()", msecs);}function blink() {soccer.style.visibility转载 2007-12-11 10:46:00 · 431 阅读 · 0 评论 -
状态栏中的文字
var MESSAGE="javascript源码大全"var POSITION=100var DELAY=5var scroll=new statusMessageObject()function statusMessageObject(p,d){this.msg =MESSAGEthis.out =" "this.pos =POSITIONthis.delay=DELAYthis.i转载 2007-12-11 10:44:00 · 400 阅读 · 0 评论 -
阴影文字的特殊效果
放在HTML的区即可[适当的位置]:====1、第一种效果[修改要显示的文字即可]blur(add=1, direction=45, strength=3)">快乐点滴工作室====2、第二种效果[修改要显示的文字即可]glow(color=ffff00, strength=5)">快乐点滴工作室====3、第三种效果[修改要显示的文字即可]dropshadow(color=000000转载 2007-12-11 10:30:00 · 467 阅读 · 0 评论 -
超酷的文字特效
====1、将以下代码加入HEML的之间:var x,yvar timervar i_fontsize=0var step=0var thisx,thisyfunction handlerMM(e){x = (document.layers) ? e.pageX : event.clientXy = (document.layers) ? e.pageY : event.clientY}原创 2007-12-11 10:27:00 · 412 阅读 · 0 评论 -
当前的时间
====1、将以下代码加入HEML的之间:var timerID = null;var timerRunning = false;function stopclock (){if(timerRunning)clearTimeout(timerID);timerRunning = false;}function startclock () {stopclock();showtime();}转载 2007-12-11 11:03:00 · 414 阅读 · 0 评论 -
垂直滚动公告板
====1、将下列代码加入HEML的之间:lstart=200loop=truespeed=350 pr_step=5 function makeObj(obj,nest){nest=(!nest) ? :document.+nest+.this.css=(document.layers) ? eval(nest+document.+obj):eval(obj+.sty转载 2007-12-11 10:58:00 · 475 阅读 · 0 评论 -
分时间问候
====1、将以下代码加入HTML 的之间:now = new Date(),hour = now.getHours()if(hour else if (hour else if (hour else if (hour else if (hour else if (hour else if (hour else {document.write("夜里好!")}// -->转载 2007-12-11 11:01:00 · 683 阅读 · 0 评论 -
CSS:如何编写代码才能更有效率
如何编写CSS代码才能更有效率?这是许多网页制作者与开发者都关心的问题。大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 css 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间。 一、排版: 1.关键词和操作符之间加适当的空格。 2.相对独立的程序块与块之间加空行 3.较长的语句、表达式等要分转载 2007-12-14 09:10:00 · 509 阅读 · 0 评论 -
DIV+CSS布局基础:HTML标记(三)
41-------------------------------------------------------------------------- HTML TITLE=text > 说明:HTML文本起始元素,通知浏览器该文档为HTML文档。需要结标记。 42-----------------------------------------------------------转载 2007-12-14 09:17:00 · 623 阅读 · 0 评论 -
DIV+CSS布局基础:HTML标记(二)
21---------------------------------------------------------------------- COL ALIGN=CENTER | LEFT | RIGHT CLASS=classname ID=value SPAN=n STYLE=css1-properties TITLE=text VALIGN=BASELINE | BOTTOM转载 2007-12-14 09:16:00 · 670 阅读 · 0 评论 -
14个常见的CSS技巧及常见问题
1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。 如: 以下是引用片段: div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc; } 可以写为:p{border转载 2007-12-14 09:08:00 · 642 阅读 · 0 评论 -
如何在静态HTM页面中实现无刷新的更换CSS样式
在静态HTM页面中实现无刷新的更换CSS样式! 系统原来的更换CSS模板是要重新刷新一下儿页面的,我一直都对这个功能很不满意,百分之九十五的功能都用AJAX无刷新的实现了,难道要在这个小小的更换页面CSS模板上给用户添点恶心吗?于是,昨天晚上好好考虑了这个功能上的实现,原来发现其实并不难,小改一下就OK了,现在系统上的模板更换是不用刷新页面来完成的,明显在感觉上比原来好得多了,下面转载 2007-12-14 09:18:00 · 747 阅读 · 0 评论 -
CSS制作网页编写的提醒及小技巧整理
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Mozilla)的笨办法:初学可能会碰到这样一个情况:同转载 2007-12-14 09:13:00 · 477 阅读 · 0 评论 -
CSS的“弹出式”图像浏览器
CSS的”弹出式“图像浏览器 转自Dynamic Drive,纯CSS的,原理就是在a标记里面放两张图片,一张大图,一张小图,正常情况下小图可见,大图隐藏,a:hover就显示大图了 以下是引用片段: .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent转载 2007-12-14 09:11:00 · 536 阅读 · 0 评论 -
不停变换的背景颜色
====1、将以下代码加入HTML的之间:javascript-Impaired Browsersvar pos = 10;function initArray() {this.length = initArray.arguments.length;for (var i = 0; i this[i] = initArray.arguments[i];}}var col=new initA转载 2007-12-11 11:09:00 · 740 阅读 · 0 评论 -
密码保护页面
====1、将以下代码加入HEML的之间:loopy()function loopy() {var sWord =""while (sWord != "login") { //改为你自己的密码!sWord = prompt("输入正确密码才能登陆!本页密码:login")}alert("AH...欢迎光临!")}//-->转载 2007-12-11 11:02:00 · 506 阅读 · 0 评论 -
中文日期
====1、将以下代码加入HEML的之间function number(index1){var numberstring="一二三四五六七八九十";if(index1 ==0) {document.write("十")}if(index1 document.write(numberstring.substring(0+(index1-1),index1))}else if(index1转载 2007-12-11 10:55:00 · 400 阅读 · 0 评论 -
左右移动的图片
====1、将以下代码加入到HEML的之间:step = 0;obj = new Image();function anim(xp,xk,smer) //smer = direction{obj.style.left = x;x += step*smer;if (x>=(xk+xp)/2) {if (smer == 1) step--;else step++;}else {if (sme转载 2007-12-11 10:50:00 · 524 阅读 · 0 评论 -
彩色文字的特殊效果
====1、以下代码放在HTML的区即可:[适当的位置]:text = "javascript源码大全"; //显示的文字color1 = "blue"; //文字的颜色color2 = "red"; //转换的颜色fontsize = "8"; //字体大小speed = 100; //转换速度 (1000 = 1 秒) i = 0;if (navigator.appName == "转载 2007-12-11 10:34:00 · 435 阅读 · 0 评论 -
逐隐逐现的文字特效
(修改显示的文字后根据说明进行共2步)====1、以下代码放在一个新建页面的HTML的区即可:[页面上必须什么都没有]特效 var thissize=20var textfont="隶书"var textcolor= new Array()textcolor[0]="000000"textcolor[1]="000000"textcolor[2]="000000"textcolor[3]原创 2007-12-11 10:25:00 · 428 阅读 · 0 评论 -
css样式表简介
什么是样式表:css 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页:你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声转载 2007-12-05 11:16:00 · 401 阅读 · 0 评论 -
Flash 8制作烟花粒子的特效代码
第一步:在Flash中建立画布550*400(宽度随便设的,高度应在200以上,因为烟花显示的高度是200,这个也可以在代码里修改,代码第六行 var rect:Rectangle = new Rectangle(0, 0, Stage.width, 200); 这个200就是高度) 第二步:在空白帧上点右键-动作 输入以下Action Script代码。Stage.scaleMo转载 2007-10-23 12:45:00 · 1506 阅读 · 0 评论 -
页面中雪花飘落的效果
Windows平台下程序日志的设计和实现(上:设计、实现和应用) 问题: 在很多应用中,需要记录程序运行过程中的关键信息、关键操作、警告和异常等。这些信息可以被用来追溯、调试和排错、分析运行时环境,或者用于其他特定的用途。一些长转载 2007-10-22 17:14:00 · 604 阅读 · 0 评论 -
常用HTML代码汇集
1:这周末去帮帮俱乐部之前,没想到居然会小i机器人、 MSNNEXT、MSNSHELL三方都到场了,真是热闹,太有技术含量了,呵呵;2:五个问题其实我总结道:2.1.小i的入口问题:如果小i致力成为另一种变形的门户和入口的话,那么可能需要摆脱MSN的简单发展模式,因为毕竟小i是依托在MSN Messenger上的,而MSN在国内也就是几百万用户,即使加上Yahoo! Messenger,也原创 2007-10-22 17:01:00 · 329 阅读 · 0 评论 -
让网页版面自动适应屏幕分辨率的技巧
让网页版面自动适应屏幕分辨率的技巧如何让网页版面更适合浏览者呢?这里有技巧 刚做好网页的朋友们经常收到网友们的反馈,说自己的网页排版乱得一塌糊涂,或者被拉伸,或者被压缩,要不就是不能完整显示在屏幕内。这是为什么呢?因为通常初学者朋友都按照自己的屏幕分辨率对网页进行设计,但是却没有考虑到网友们可能使用了别的屏幕分辨率,以至于看起来版面混乱。 目前,网友们上网通常会采用800×600、原创 2007-10-23 12:40:00 · 1472 阅读 · 0 评论 -
Javascript技巧收集(200多个)
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件(value==) {value=郭强}">点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色style="background-color:rgb(235,207,22)"转载 2007-10-23 13:12:00 · 2193 阅读 · 0 评论 -
Javascript制作浮动的工具条
该程序是我从别人的网站上分析出来的!由于对方的网站使用了框架,而且又取消了鼠标的右键功能,因此费了好长时间! 当你浏览该页时,工具条始终浮在左上角,你若不喜欢,可以自己调节摆放位置!若想多页使用该代码,可以把JSP程序部分写成JS的文件,然后再通过调用来实现,有不明白的地方,欢迎各位与我交流! 演示地址:http://www.85time.com/softuse/bar.htm转载 2007-10-23 12:53:00 · 710 阅读 · 0 评论 -
升降的文字特殊效果
====1、以下代码放在HTML的之间[适当的位置]:done = 0;step = 4function anim(yp,yk){if(document.layers) document.layers["napis"].top=yp;else document.all["napis"].style.top=yp;if(yp>yk) step = -4if(ypsetTimeou转载 2007-12-11 10:36:00 · 430 阅读 · 0 评论 -
打字效果的文字特效
以下代码放在HTML的之间[适当的位置]:var layers =document.layers,style=document.all,both=layers||style,idme=908601;if(layers){layerRef=document.layers;styleRef =;}if(style){layerRef=document.all;styleRef =转载 2007-12-11 10:37:00 · 540 阅读 · 0 评论 -
炽热文字的特殊效果
====1、将以下代码加入HEML的之间:#glowtext{filter:glow(color=red,strength=2);width:100%;}-->function glowit(which){if (document.all.glowtext[which].filters[0].strength==2)document.all.glowtext[which].filters转载 2007-12-11 10:40:00 · 420 阅读 · 0 评论 -
背景颜色自己选
====1、以下是这个效果的全部代码。[最好从一个空页面开始]新页面 done = 0;step = 4function anim(yp,yk){if(document.layers) document.layers["napis"].top=yp;else document.all["napis"].style.top=yp;if(yp>yk) step = -4if(ypsetTim转载 2007-12-11 11:10:00 · 802 阅读 · 0 评论 -
随机显示的背景图片
====1、将以下代码加入HTML的之间:bg = new Array(2); //设定图片数量,如果图片数为3,这个参数就设为2,依次类推bg[0] = bg1.gif //显示的图片路径,可用http://bg[1] = bg2.gifbg[2] = bg3.gifindex = Math.floor(Math.random() * bg.length);document转载 2007-12-11 11:07:00 · 808 阅读 · 0 评论 -
MIDI播放器
====1、将以下代码加入HTML的之间:song = new Array()var x = 0song[1] = "007主题曲之一"song[2] = "007主题曲之二"song[3] = "999朵玫瑰"song[4] = "X-档案主题曲"song[5] = "用心良苦"song[6] = "泰坦尼克主题曲"function prev(){if (x>1){ x--docume转载 2007-12-11 11:00:00 · 646 阅读 · 0 评论 -
关闭窗体
====1、将以下代码加入HEML的之间:function shutwin(){window.close();return;}关闭本窗口转载 2007-12-11 10:59:00 · 367 阅读 · 0 评论 -
现在的日期及星期
====1、将以下代码加入HEML的之间today=new Date();function initArray(){this.length=initArray.arguments.lengthfor(var i=0;ithis[i+1]=initArray.arguments[i] }var d=new initArray("星期日","星期一","星期二","星期三","星期四","星转载 2007-12-11 10:56:00 · 350 阅读 · 0 评论