就是这些代码，如果你不满意我倒找你100分！《!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》《FCK:meta http-equiv=“Content-Type“ content=“text/html; “ 》《/FCK:meta》《title》超酷的旋转图片特效《/title》《/head》《body》《style type=“text/css“》body{background:black}.point{position:absolute;height:120px;}《/style》《script》

var r=200,dv=0.01,w=100,x=400;y=100,pn=8; //r半径，dv偏移量，w图片宽度，x菜单横坐标，y菜单纵坐标，pn菜单图片数量 var pi=Math.PI,d=pi/2; var pd=Math.asin(w/2/r),ed=pi*2/pn,sm;//pd各个图片的反正弦 function goR(){ var o=document.getElementById(’imground’); var arrimg=o.getElementsByTagName(’img’); for (var n=0;n《arrimg.length;n++){ arrimg[n].onmouseout=function(){sm=setInterval(’roundMove()’,50);} //鼠标离开菜单后继续转动 arrimg[n].onmouseover=function(){clearInterval(sm)} //鼠标移上菜单停止转动 arrimg[n].onmousedown=function(){dv=dv*2} //鼠标单击菜单加快转到速度 } sm=setInterval(’roundMove()’,50); }

function roundMove(){ var v=document.getElementById(’imground’); var arrimg=v.getElementsByTagName(’img’); var o,ta,strFilter; for (var n=1;n《=pn;n++){ o=arrimg[n-1]; ta=Math.sin(d+ed*n);//获得当前偏移量的正弦值

strFilter=’’; if (ta《0){//正弦值对应为负弧度，即图片旋转到圆的背面 o.style.left=Math.cos(d+ed*n-pd)*r+x+’px’; //传入当前图片移动的横坐标 } else{//当图片旋转到圆的正面时 o.style.left=Math.cos(d+ed*n+pd)*r+x+’px’;//传入当前图片移动的横坐标

}

o.style.top=ta*10+5+y+’px’; //传入当前图片移动的纵坐标 o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r+’px’; o.style.zIndex=parseInt(ta*10); if (o.style.zIndex《0){//当图片旋转到居后的位置时翻转图片 strFilter=’FlipH(enabled:true)’; } else{ //当图片旋转到前面的位置时显示图片正面 strFilter=’FlipH(enabled:false)’; }

if (ta《0){ ta=(ta+1)*80+20; }else{ ta=100; }

strFilter=strFilter+’ alpha(opacity=’+ta+’)’; //透明效果（针对IE） o.style.opacity=ta/100; //透明效果（针对非IE） o.style.filter=strFilter; //在菜单图片上加入滤镜效果 } d+=dv; //增加偏移值 } 《/script》《div id=“imground“》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/b4e13fbaaadb91ad2a2bd84a557b3107.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/b4e13fbaaadb91ad2a2bd84a557b3107.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/b4e13fbaaadb91ad2a2bd84a557b3107.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/7765bdc5a6ea433818d0202ce2495206.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/7765bdc5a6ea433818d0202ce2495206.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/7765bdc5a6ea433818d0202ce2495206.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/d38de56b36b1fb93440721cfb4aa168f.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/d38de56b36b1fb93440721cfb4aa168f.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/d38de56b36b1fb93440721cfb4aa168f.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/5beaaaf71d00a8ad0a82342f9bfa7d3e.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/5beaaaf71d00a8ad0a82342f9bfa7d3e.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/5beaaaf71d00a8ad0a82342f9bfa7d3e.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/7b4304989da7dfedcd283502092cb95d.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/7b4304989da7dfedcd283502092cb95d.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/7b4304989da7dfedcd283502092cb95d.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/4d1db95608af079e0e3d2459576b47ab.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/4d1db95608af079e0e3d2459576b47ab.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/4d1db95608af079e0e3d2459576b47ab.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/5954f1caf672596f42905db58dfe6b77.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/5954f1caf672596f42905db58dfe6b77.jpg“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/5954f1caf672596f42905db58dfe6b77.jpg“/》《img class=“point“ src=“http://img.lingd.net/attachments/date_201101/4a8237d721188161b197fb05f6908e53.gif“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/4a8237d721188161b197fb05f6908e53.gif“ _fcksavedurl=“http://img.lingd.net/attachments/date_201101/4a8237d721188161b197fb05f6908e53.gif“/》《/div》《script language=“javascript“》goR();《/script》《/body》《/html》

我看了,就是用html做的,就是用框架做的,很简单,但是很麻烦,需要建立很多网页,一个主页面代码: 《html》《frameset cols=“30%,*“》 《frame name=a src=“a.html“》 《frame name=s src=“1.html“》《/frameset》《/html》 a.html的代码:《html》《body》 《a href=“1.html“ target=s》第一项《/a》《b》 《a href=“2.html“ target=s》第二项《/a》《b》 《a href=“3.html“ target=s》第三项《/a》《/body》《/html》当然,1.html 2.html 3.html还须加上内容,你自己试试吧,肯定正确.

《table width=“100%“ height=“100%“ border=“0“ cellpadding=“0“ cellspacing=“5“》 《tr》 《td valign=“top“ align=“center“》 《marquee id=“scrollarea“ direction=“up“ scrolldelay=“100“ scrollamount=“2“ width=“150“ height=“130“ onmouseover=“this.stop();“ onmouseout=“this.start();“》 要滚动的文字 《/marquee》《/td》 《/table》

网上搜网页漂浮特效，一大堆，实现原理也很简单《div style=“width:100px; height:100px; position:fixed; z-index:99; left:0; top:50%; margin-top:-50px;“》内容《/div》

用图像热点设置。

有效利用《img》标签的usemap属性，给图片划分一个地图，设定图片热点（即给图片分区，但不是切割，图片还是完整的，只是用代码将图片分成几个部分），然后给热点设定相应的链接。

usemap属性的用法——使用时：《img src=“test.gif“ usemap=“#Map“》这里的#后面的Map为我们自定义的图像地图的名称，可以任意设定。

针对你的问题，具体代码如下：

《div》    《img usemap=“#Map“ src=“quarters.gif“ style=“width:200px;height:200px;“ alt=““  ismap=“ismap“ /》    《map name=“Map“》        《area shape=“rect“ coords=“0,0,100,100“ href =“topleft.html“ alt=“topleft.html“ /》        《area shape=“rect“ coords=“100,0,200,100“ href =“topright.html;“ alt=“topright.html;“ /》        《area shape=“rect“ coords=“0,100,100,200“ href =“bottom-left.html“ alt=“bottom-left.html“ /》        《area shape=“rect“ coords=“100,100,200,200“ href =“bottomright.html“ alt=“bottomright.html“ /》    《/map》《/div》

前几天一个朋友找到我，他说他女朋友马上过生日，于是想问问我能不能写一个生日祝福代码。好兄弟的请求当然不能拒绝，直接安排！！

于是我用html写了一个简单的页面：点开后会显示来到这个世界多长时间和祝福话语，下滑后是自转相册（有背景音乐）。

原文链接：

html生日快乐代码

核心代码（不是完整代码）：

#head{width:100%;height:100%;position: absolute;-webkit-transform-style: preserve-3d;-webkit-animation:donghua 15s linear 0s infinite;-moz-transform-style: preserve-3d;-moz-animation:donghua 15s linear 0s infinite;-ms-transform-style: preserve-3d;-ms-animation:donghua 25s linear 0s infinite;}#head div{position: absolute;top:0;left:0;width:300px;height:400px;border:1px solid #000text-align: center;line-height:100px;}#head div:nth-child(1){-webkit-transform:rotateY(0deg) translateZ(400px);-moz-transform:rotateY(0deg) translateZ(400px);-ms-transform:rotateY(0deg) translateZ(400px);background:url(images/01.png);background-size:cover;}12345678910111213141516171819202122232425262728293031Heart.prototype.draw = function(){this.size -= this.speedSize;this.x += this.speedX;this.y += this.speedY;ctx.save();ctx.translate(-1000,this.y);ctx.scale(this.size, this.size);ctx.beginPath();for (var i = 0; i 《 precision; i++) {var vector = this.vertices[i];ctx.lineTo(vector.x, vector.y);}ctx.globalAlpha = this.size;ctx.shadowBlur = Math.round((3 - this.size) * 10);ctx.shadowColor = “hsla(0, 100%, 60%,0.5)“;ctx.shadowOffsetX = this.x + 1000;ctx.globalCompositeOperation = “screen“ctx.closePath();ctx.fill()ctx.restore();};

function render(a){requestAnimationFrame(render);hearts.push(new Heart())ctx.clearRect(0,0,ww,wh);for (var i = 0; i 《 hearts.length; i++) {hearts[i].draw();if(hearts[i].size 《= 0){hearts.splice(i,1);i--;}}}

onResize();window.addEventListener(“mousemove“, onMove);window.addEventListener(“touchmove“, onMove);window.addEventListener(“resize“, onResize);requestAnimationFrame(render);window.οnlοad=function starttime(){time(h1,’2000,1,1’);     // 出生时间ptimer = setTimeout(starttime,1000); // 添加计时器}function time(obj,futimg){var nowtime = new Date().getTime(); // 现在时间转换为时间戳var futruetime =  new Date(futimg).getTime(); // 未来时间转换为时间戳var msec = nowtime-futruetime; // 毫秒 未来时间-现在时间var time = (msec/1000);  // 毫秒/1000var day = parseInt(time/86400); // 天  24*60*60*1000var hour = parseInt(time/3600)-24*day;    // 小时 60*60 总小时数-过去的小时数=现在的小时数var minute = parseInt(time%3600/60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数var second = parseInt(time%60);  // 以60秒为一整份 取余 剩下秒数obj.innerHTML=“陈陈《br》你已经来到这个世界：《br》“+day+“天“+hour+“小时“+minute+“分“+second+“秒“+“了《br》《span》今日是你的生日，愿所有的快乐、所有的幸福、所有的温馨、所有的好运围绕在你身边。生日快乐！《/span》《p》下《br》滑《br》有《br》惊《br》喜《/p》“return true;}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162

效果如下：

这里面的文字可以自行修改，并且时间是会一直走动的，出生时间改成你女朋友的。

下滑后有自转照片：

照片可以自己换哦。

补充：

很多朋友想手机端打开文件，那就需要换图片的地址和音频的地址（你可以发一个仅自己可见的说说，然后就可以生成图片的链接地址了），此时只需要发html文件就可以用手机浏览器打开了。上图的地址换成图片的链接网址（一共十个）。

对于音频文件，我这里提供一个链接（可能过期）：

完整项目地址：html生日快乐代码

这位童鞋，这个地方又错误：《imgsrc；

完整代码如下：

《html》《head》《style type=“text/css“》.a:hover{border:1px solid Red;}.a:hover .gonglue-art{color:Red;}《/style》《/head》《body》《div class=“a“ style=“width: 400px;“》   《div class=“img“》   《ahref=“#“》   《img width=“120“ height=“160“ img-src=“http://p10.ytrss.com/product/20/294/1733/viewimage/10924.jpg“ alt=“ONLY雪纺两件套女衬衫E|113241011020,白,XL,13Q2“ src=“*.jpg“》《/ahref=“#“》《/div》   《div class=“gonglue-art“》   非东风风神的法搜的建瓯市非单身飞速的发就欧风搜的哦《/div》   《/div》《/body》《/html》

在HTML文件中添加网页特效代码，一般有三种情况。第一，只加在HTML文件头部，即HTML文件中《head》……《/head》之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。第二，只加在HTML文件体部。即HTML文件中《body》……《/body》之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。除上述情况外，多数代码需要先在头部（《head》……《/head》之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body》……《/body》之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。添加特效代码的方法：先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。最后，介绍你几个经典网页特效站。1、网页特效集锦：http://www.helpor.net2、javascript网页特效：http://www.baron.com.cn/javascript3、万旭网页特效：http://js.wanxu.com4、网页特效梦工厂：http://www.zlce.net/web5、网页制作大宝库网页特效大全：http://www.dabaoku.com/texiao