html网页特效代码 特效

请高手写个网页制作的特效代码,在线等,采纳追加100分

就是这些代码,如果你不满意我倒找你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; charset=gb2312“ 》《/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做的,就是用框架做的,很简单,但是很麻烦,需要建立很多网页,一个主页面代码:
《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还须加上内容,你自己试试吧,肯定正确.

求一段网页特效(窗口内自动滚动文字)的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》

html漂浮特效代码

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

.编写HTML代码,通过图像地图实现这些效果

用图像热点设置。

有效利用《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写了一个简单的页面:点开后会显示来到这个世界多长时间和祝福话语,下滑后是自转相册(有背景音乐)。

原文链接:

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 #000
text-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;
}12345678910111213141516171819202122232425262728293031
Heart.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);  // 毫秒/1000
var day = parseInt(time/86400); // 天  24*60*60*1000
var 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生日快乐代码

求一段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.net
2、javascript网页特效:http://www.baron.com.cn/javascript
3、万旭网页特效:http://js.wanxu.com
4、网页特效梦工厂:http://www.zlce.net/web
5、网页制作大宝库网页特效大全:http://www.dabaoku.com/texiao