当前位置:首页 > 代码 > 正文

js相册源代码(代码做相册)

admin 发布:2022-12-19 23:00 123


本篇文章给大家谈谈js相册源代码,以及代码做相册对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

求JS旋转相册的代码。带注释

style type="text/css"

body{background:black}

.point{position:absolute;height:75px;border:1px silver solid}

#round{position:absolute;background:red;width:200px;height:200px;}

/style

script

var r=200,dv=0.01,w=100,x=400;y=100,pn=8

var pi=3.1415926575,d=pi/2;

var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true

function window.onload(){

var o=document.getElementById("imground");

var arrimg=o.getElementsByTagName("img");

for (n=0;narrimg.length;n++){

arrimg[n].onmouseout=function(){smove=true;}

arrimg[n].onmouseover=function(){smove=false;}

arrimg[n].onmousedown=function(){dv=dv*2}

}

setInterval(roundMove,20);

}

function roundMove(){

for (n=1;n=8;n++){

var o=document.getElementById("p"+n)

var ta=Math.sin(d+ed*n);

var strFilter;

if (ta0) o.style.left=Math.cos(d+ed*n-pd)*r+x;

else o.style.left=Math.cos(d+ed*n+pd)*r+x;

o.style.top=ta*10+10+y;

o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r;

o.style.zIndex=ta*10;

if (o.style.zIndex0) strFilter="FlipH(enabled:true)"

else strFilter="FlipH(enabled:false)";

if (ta0) ta=(ta+1)*80+20; else ta=100;

strFilter=strFilter+" alpha(opacity="+ta+")";

o.style.opacity=ta/100;

o.style.filter=strFilter;

}

if (smove) d=d+dv;

}

/script

div id="imground"

img class="point" id="p1" src="1.jpg"/

img class="point" id="p2" src="2.jpg"/

img class="point" id="p3" src="3.jpg"/

img class="point" id="p4" src="4.jpg"/

img class="point" id="p5" src="5.jpg"/

img class="point" id="p6" src="6.jpg"/

img class="point" id="p7" src="7.jpg"/

img class="point" id="p8" src="8.jpg"/

/div 看看这个是不是你要的效果。

求一个网页相册的js

绝对可以,直接看代码,jquery中的append方法:

jsp中,相片是放在ul/ul里边的吧。

$(function(){

var img = "";

for(var i=;i10;i++){//你要加多少照片,i就小于等于多少

img+="liimg src="image/"+i+".jpg"//li";//将要添加的li标签循环拼起来

}

$("ul").append(img);//将li标签写入到ul中。

})

这样就看到你要的效果了。自己导入jquery的库。你应该懂

js qq相册空间预览源码

qq空间里面的那个拿不下来,这个也不好弄, 我自己也写了一个 但是效果没有那么好,

建议还是找别的办法吧 网上应该还有其他的效果

javascript如何制作网页相册

想要制作网页相册,极力推荐用 数码大师

这软件支持插入照片、背景音乐、各种特效或精美的相框,便可以制作成绚丽多彩的电子相册,

还可以制作出独具特色的“网页相册”,新颖的“锁屏相册”,生动的“视频相册”,挺不错的!

可以直接生成VCD,SVCD,DVD等各种格式用于快速刻录光盘,还可以上传到土豆、优酷等视频网站,和大家分享你的杰作。

你可以下载试试看,挺不错的!

百度搜索 数码大师

参考资料:

各位大德,帮小白一个忙,JS代码 flash+xml相册 如何添加到我的网站中呢,倾家荡产感谢谢!

index.html修改一下.

把你需要放的位置上面加上一个固定宽度高度的iframe。然后指向这个你修改的文件。

上传到根目录。和你的网站一样的目录

怎样用JavaScript实现相册效果

html

head

title New Document /title

style type="text/css"

div{

width:600px;

height:50px;

border:1px solid black;

}

/style

script type="text/javascript"

function addWebSite()

{

var b=true;

var regExp=/^[w]{3}\.[a-zA-Z]+\.com$/;

var nLength=document.getElementById('websitename').value.length;

if(nLength 0nLength 100)

{

b=false;

}

var websiteAddr=document.getElementById('websiteaddr').value;

if(!regExp.test(websiteAddr)){

b=regExp.test(websiteAddr)

}

var obj=document.createElement('a');

var pObj=document.getElementById('fs');

alert(pObj.nodeName);

if(b)

{

obj.href=websiteAddr;

obj.innerHTML=document.getElementById('websitename').value;

pObj.appendChild(obj);

}

}

/script

/head

body

form action="url" method="post" onsubmit="return false;"

div

label网站名称:/labelinput id="websitename" name="websitename" style="color:#ffccff" type="text" value="websitename" onfocus="if(this.value=='websitename'){this.value=''}" onblur="if(this.value==''){this.value='websitename'}"/

label网址:/labelinput id="websiteaddr" name="websiteaddr" style="color:#ffccff" type="text" value="如:"

onfocus="if(this.value=='如:'){this.value=''}" onblur="if(this.value==''){this.value='如:'}"/

span valign="center"input type="image" src="addBtn.gif" onclick="addWebSite();"//span

/div

/form

fieldset id="fs"

legend常用网址:/legend

/fieldset

/body

/html

以上我简单写了点,希望对你有帮助

关于js相册源代码和代码做相册的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/28985.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载