×

网页特效代码 代码 特效代码

Dreamweaver使用,网页特效代码制作?急求各种网页鼠标特效代码(只要代码,不要网址)

admin admin 发表于2022-05-11 14:34:50 浏览143 评论0

抢沙发发表评论

Dreamweaver使用,网页特效代码制作

首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。2打开Dreamweaver,新建一个网页(笔者这里建立一个html类型的网页)。3按Ctrl+S保存新建的网页。4点击菜单栏:插入--》表格。插入一个1行1列的表格。5把鼠标指针放到表格中,单击菜单栏的:插入--》布局对象--》AP Div,插入一个AP Div。6把鼠标放到刚刚新建的AP Div里边,点击菜单栏的:插入--》图像,选择一张需要插入的图片。7按上面的方法依次添加其他几个AP Div,并在里边插入图片。接下来插入一个AP Div,然后再里边添加一个1行3列的表格。鼠标指针放到表格第一个方框中,单击菜单栏:插入--》表单--》按钮。操作如图鼠标点中添加的按钮,然后再下方属性面板中,把值修改为1。按照上述步骤依次为表格的第二个框、第三个框添加一个按钮,并把属性值改成2和3。如图把几个AP Div移动到同一个区域。如下图单击菜单栏:窗口--》行为,打开行为面板。鼠标点击第一个方框的按钮,点击标签检查器行为面板下方的“+”号,弹出的菜单中选择“显示-隐藏元素”。按照下图所示,把AP Div1设置成显示,AP Div2设置成隐藏,AP Div3设置成隐藏。AP Div4可以设置成显示,也可以不设置(默认显示)。如图,点击行为面板左边的英文,在弹出的菜单中选择onFocus。按照上面的步骤,依次把表格第二个方框、第三个方框的按钮设置成如下图所示。这样就做好了。按F12在浏览器中看看效果。

急求各种网页鼠标特效代码(只要代码,不要网址)

很酷的跟随鼠标的三色彩带html》《head》《title》网页特效|Linkweb.cn/Js|---很酷的跟随鼠标的三色彩带《/title》《/head》《body bgColor=#000000》《!--将以下代码加入HTML的《Body》《/Body》之间--》《script language=“JavaScript“》《!-- var a_Colour=’fff000’;var b_Colour=’00ff00’;var c_Colour=’ff00ff’;var Size=120;var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;if (document.layers){window.captureEvents(Event.MOUSEMOVE);function nsMouse(evnt){xpos = window.pageYOffset+evnt.pageX+6;ypos = window.pageYOffset+evnt.pageY+16;}window.onMouseMove = nsMouse;}else if (document.all){function ieMouse(){xpos = document.body.scrollLeft+event.x+6;ypos = document.body.scrollTop+event.y+16;}document.onmousemove = ieMouse;}function swirl(){for (i = 0; i 《 3; i++) { YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); }ThisStep+=step;setTimeout(’swirl()’,10);}var amount=10;if (document.layers){for (i = 0; i 《 amount; i++){document.write(’《layer name=nsa’+i+’ top=0 left=0 width=’+i/2+’ height=’+i/2+’ bgcolor=’+a_Colour+’》《/layer》’);document.write(’《layer name=nsb’+i+’ top=0 left=0 width=’+i/2+’ height=’+i/2+’ bgcolor=’+b_Colour+’》《/layer》’);document.write(’《layer name=nsc’+i+’ top=0 left=0 width=’+i/2+’ height=’+i/2+’ bgcolor=’+c_Colour+’》《/layer》’);}}else if (document.all){document.write(’《div id=“ODiv“ style=“position:absolute;top:0px;left:0px“》’+’《div id=“IDiv“ style=“position:relative“》’);for (i = 0; i 《 amount; i++){document.write(’《div id=x style=“position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+a_Colour+’;font-size:’+i/2+’“》《/div》’);document.write(’《div id=y style=“position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+b_Colour+’;font-size:’+i/2+’“》《/div》’);document.write(’《div id=z style=“position:absolute;top:0px;left:0px;width:’+i/2+’;height:’+i/2+’;background:’+c_Colour+’;font-size:’+i/2+’“》《/div》’);}document.write(’《/div》《/div》’);}function prepos(){var ntscp=document.layers;var msie=document.all;if (document.layers){for (i = 0; i 《 amount; i++){ if (i 《 amount-1) { ntscp[’nsa’+i].top=ntscp[’nsa’+(i+1)].top;ntscp[’nsa’+i].left=ntscp[’nsa’+(i+1)].left; ntscp[’nsb’+i].top=ntscp[’nsb’+(i+1)].top;ntscp[’nsb’+i].left=ntscp[’nsb’+(i+1)].left; ntscp[’nsc’+i].top=ntscp[’nsc’+(i+1)].top;ntscp[’nsc’+i].left=ntscp[’nsc’+(i+1)].left; } else { ntscp[’nsa’+i].top=YDummy;ntscp[’nsa’+i].left=XDummy; ntscp[’nsb’+i].top=YDummy;ntscp[’nsb’+i].left=XDummy; ntscp[’nsc’+i].top=YDummy;ntscp[’nsc’+i].left=XDummy; }}}else if (document.all){for (i = 0; i 《 amount; i++){ if (i 《 amount-1) { msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy;msie.x[i].style.left=XDummy; msie.y[i].style.top=YDummy;msie.y[i].style.left=XDummy; msie.z[i].style.top=YDummy;msie.z[i].style.left=XDummy; }}}setTimeout(“prepos()“,10);}function Start(){swirl(),prepos()}window.onload=Start;// --》《/script》《/body》《/html》跟随鼠标很逼真的弹性小球《html》《head》《title》网页特效|Linkweb.cn/Js|---跟随鼠标很逼真的弹性小球《/title》《/head》《body》《!--将以下代码加入HTML的《Body》《/Body》之间--》《DIV id=dot0 style=“HEIGHT: 16; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11; left:10; top:15“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot1 style=“HEIGHT: 11px; POSITION: absolute; WIDTH: 11px“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot2 style=“HEIGHT: 11px; POSITION: absolute; WIDTH: 11px“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot3 style=“HEIGHT: 11px; POSITION: absolute; WIDTH: 11px“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot4 style=“HEIGHT: 11px; POSITION: absolute; WIDTH: 11px“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot5 style=“HEIGHT: 11px; POSITION: absolute; WIDTH: 11px“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《DIV id=dot6 style=“HEIGHT: 16; POSITION: absolute; WIDTH: 11; left:10; top:15“》《IMG height=11 src=“images/bullet.gif“ width=11》 《/DIV》《SCRIPT language=JavaScript》var nDots = 7;var Xpos = 0;var Ypos = 0;var DELTAT = .01;var SEGLEN = 10;var SPRINGK = 10;var MASS = 1;var XGRAVITY = 0;var YGRAVITY = 50;var RESISTANCE = 10;var STOPVEL = 0.1;var STOPACC = 0.1;var DOTSIZE = 11;var BOUNCE = 0.75;var isNetscape = navigator.appName==“Netscape“;var followmouse = true;var dots = new Array();init();function init(){ var i = 0; for (i = 0; i 《 nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { } for (i = 0; i 《 nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { startanimate(); } else { setTimeout(“startanimate()“, 1000); }}function dot(i){ this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval(“document.dot“ + i); } else { this.obj = eval(“dot“ + i + “.style“); }}function startanimate() { setInterval(“animate()“, 20);}function setInitPositions(dots){ var startloc = document.all.tags(“LI“); var i = 0; for (i = 0; i 《 startloc.length && i 《 (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } dots.X = dots.X; dots.Y = dots.Y - SEGLEN;}function MoveHandler(e){ Xpos = e.pageX; Ypos = e.pageY; return true;}function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop;}if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler;} else { document.onmousemove = MoveHandlerIE;}function vec(X, Y){ this.X = X; this.Y = Y;}function springForce(i, j, spring){ var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len 》 SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; }}function animate() { var start = 0; if (followmouse) { dots.X = Xpos; dots.Y = Ypos; start = 1; } for (i = start ; i 《 nDots; i++ ) { var spring = new vec(0, 0); if (i 》 0) { springForce(i-1, i, spring); } if (i 《 (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY, (spring.Y + resist.Y)/ MASS + YGRAVITY); dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); if (Math.abs(dots[i].dx) 《 STOPVEL && Math.abs(dots[i].dy) 《 STOPVEL && Math.abs(accel.X) 《 STOPACC && Math.abs(accel.Y) 《 STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; var height, width; if (isNetscape) { height = window.innerHeight + window.pageYOffset; width = window.innerWidth + window.pageXOffset; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } if (dots[i].Y 》= height - DOTSIZE - 1) { if (dots[i].dy 》 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X 》= width - DOTSIZE) { if (dots[i].dx 》 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X 《 0) { if (dots[i].dx 《 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; }}《/SCRIPT》《/body》《/html》这里太小了 放不了那么多 里面有很多的 不想链接的话 就看那两个吧

淘宝导航css代码大全

是要实现图片里的那些效果么?1、HTML一般情况下,代码放在前面的显示就靠前。2、“NEW”、“HOT”这类小图标,可以直接用img标签吧图片加入HTML,然后用样式(CSS)设置相对定位,上移5-10px(top:-5px);3、这个问题可以用样式实现,给不同颜色文字外层的HTML标签(如a标签)加入不同的class,然后给不同class设置文字颜色。