写了一个JS图片转换..但是运行有问题

____ 記憶、 2013-07-26 01:35:02
单独运行的时候JS 是好使的。但是和整个项目一起的时候就没有效果 不小时图片。
求解

能是浏览器的问题么? 我用IE9 和QQ浏览器。一个效果
...全文
105 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
____ 記憶、 2013-07-26
  • 打赏
  • 举报
回复
引用 3 楼 sjyforg 的回复:
没代码不好猜。
2451424108我的QQ 我可以把项目给你 你帮我分析下把。行么
ke5315309 2013-07-26
  • 打赏
  • 举报
回复
可能是文本的编码格式有问题....
____ 記憶、 2013-07-26
  • 打赏
  • 举报
回复
引用 2 楼 findcaiyzh 的回复:
这个不好猜啊, chrome里调试一下。 js能处理图片吗?
var s = function () { var interv = 2000; //切换间隔时间 var interv2 = 10; //切换速速 var opac1 = 80; //文字背景的透明度 var source = "fade_focus" //图片容器id //获取对象 function getTag(tag, obj) { if (obj == null) { return document.getElementsByTagName(tag) } else { return obj.getElementsByTagName(tag) } } function getid(id) { return document.getElementById(id) }; var opac = 0, j = 0, t = 63, num, scton = 0, timer, timer2, timer3; var id = getid(source); id.removeChild(getTag("div", id)[0]); var li = getTag("li", id); var div = document.createElement("div"); var title = document.createElement("div"); var span = document.createElement("span"); var button = document.createElement("div"); button.className = "button"; for (var i = 0; i < li.length; i++) { var a = document.createElement("a"); a.innerHTML = i + 1; a.onclick = function () { clearTimeout(timer); clearTimeout(timer2); clearTimeout(timer3); j = parseInt(this.innerHTML) - 1; scton = 0; t = 63; opac = 0; fadeon(); }; a.className = "b1"; a.onmouseover = function () { this.className = "b2" }; a.onmouseout = function () { this.className = "b1"; sc(j) }; button.appendChild(a); } //控制透明度 function alpha(obj, n) { if (document.all) { obj.style.filter = "alpha(opacity=" + n + ")"; } else { obj.style.opacity = (n / 100); } } //控制焦点按钮 function sc(n) { for (var i = 0; i < li.length; i++) { button.childNodes[i].className = "b1" }; button.childNodes[n].className = "b2"; } title.className = "num_list"; title.appendChild(span); alpha(title, opac1); id.className = "d1"; div.className = "d2"; id.appendChild(div); id.appendChild(title); id.appendChild(button); //渐显 var fadeon = function () { opac += 5; div.innerHTML = li[j].innerHTML; span.innerHTML = getTag("img", li[j])[0].alt; alpha(div, opac); if (scton == 0) { sc(j); num = -2; scrolltxt(); scton = 1 }; if (opac < 100) { timer = setTimeout(fadeon, interv2) } else { timer2 = setTimeout(fadeout, interv); }; } //渐隐 var fadeout = function () { opac -= 5; div.innerHTML = li[j].innerHTML; alpha(div, opac); if (scton == 0) { num = 2; scrolltxt(); scton = 1 }; if (opac > 0) { timer = setTimeout(fadeout, interv2) } else { if (j < li.length - 1) { j++ } else { j = 0 }; fadeon() }; } //滚动文字 var scrolltxt = function () { t += num; span.style.marginTop = t + "px"; if (num < 0 && t > 3) { timer3 = setTimeout(scrolltxt, interv2) } else if (num > 0 && t < 62) { timer3 = setTimeout(scrolltxt, interv2) } else { scton = 0 } }; fadeon(); } //初始化 window.onload = s; 前台: <div id="fade_focus"> <div class="loading">Loading...<br /></div> <ul> <li><img src="brimage/171.jpg" width="443" height="209" alt="图片焦点切换第一张文字" /></li> <li><img src="brimage/20100509011345403.jpg" width="443" height="209" alt="图片焦点切换第二张文字" /></li> <li><img src="brimage/39.jpg" width="443" height="209" alt="图片焦点切换第三张文字" /></li> <li><img src="brimage/attr_201012231443468666_1.jpg" width="443" height="209" alt="图片焦点切换第四张文字" /></li> </ul> </div>
申江渔夫 2013-07-26
  • 打赏
  • 举报
回复
没代码不好猜。
宝_爸 2013-07-26
  • 打赏
  • 举报
回复
这个不好猜啊, chrome里调试一下。 js能处理图片吗?
wolf_ben 2013-07-26
  • 打赏
  • 举报
回复
单独运行和放在项目中还是有区别的,可能项目中一些样式或者js就会对你这个效果有很大影响,可以用firebug看下

110,499

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧