87,910
社区成员
发帖
与我相关
我的任务
分享感觉很麻烦，帮我解决一下好吗？
我试着用document.createElement("div")创建一个div,然后在里面加上几幅图片"img"，然后在我想对它们加入忽明忽暗效果(即函数play()），不知该怎样设置，我试过在<img...>中加入onload="..."不行，接着在<body onload="...">的onload="..."加入该函数，发现还是不行，不知该如何写，大家帮帮我好吗？
其中，在<img..>中的onload="..."加入的函数是：
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}
this.filters.alpha.opacity=0 + b;
setTimeout("fade()",100);
}
而在<body。。。>中onload="..."加入的是:
var b = 20;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}
var es = document.form1.getElementsByTagName("img");
for (var i=0; i<es.length; i++) {
if (/^lib/i.test(es[i].name)) { //其中lib是<img...>中的name=lib1(lib2,lib3)的前缀
es[i].filters.alpha.opacity=0 + b;
}
}
setTimeout("fade()",100);
希望有人帮我解决一下好吗？
其中，在<img..>中的onload="..."加入的函数是：
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}
this.filters.alpha.opacity=0 + b;
setTimeout("fade()",100);
}
而在<body。。。>中onload="..."加入的是:
var b = 20;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}
var es = document.form1.getElementsByTagName("img");
for (var i=0; i<es.length; i++) {
if (/^lib/i.test(es[i].name)) { //其中lib是<img...>中的name=lib1(lib2,lib3)的前缀
es[i].filters.alpha.opacity=0 + b;
}
}
setTimeout("fade()",100);
希望有人帮我解决一下好吗？
...全文
请发表友善的回复…
发表回复
edielei 2009-12-27
- 打赏
- 举报
下面是用JQuery写的，但不知道是否你想要的。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="JQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("strong").one("click",function(){
$("body").append("<div><img src=\"1.gif\" alt=\"图片描述信息\" \/><img src=\"1.gif\" alt=\"图片描述信息\" \/><img src=\"1.gif\" alt=\"图片描述信息\" \/></div>");
setInterval(a,2000);
});
});
function a(){
$("div").fadeOut(500).fadeIn(500);
}
</script>
</head>
<body>
<strong>请点击这里</strong>
</body>
</html>
Thinking_In_IT 2009-12-27
- 打赏
- 举报
你的代码没仔细看，
我的思路是这样，应该可以解决你的问题：
1）当你document.createElement("div") 时，然后在里面加上几幅图片"img"。
2）这时，你调用一下play()函数，让页面上所有的图片都有效果。
即：
document.createElement("div") ; //创建DIV
document.createElement("img"); //创建图片
……
play(){
document.form1.getElementsByTagName("img");
……
}
我的思路是这样，应该可以解决你的问题：
1）当你document.createElement("div") 时，然后在里面加上几幅图片"img"。
2）这时，你调用一下play()函数，让页面上所有的图片都有效果。
即：
document.createElement("div") ; //创建DIV
document.createElement("img"); //创建图片
……
play(){
document.form1.getElementsByTagName("img");
……
}
