社区
C#
帖子详情
写了一个JS图片转换..但是运行有问题
____ 記憶、
2013-07-26 01:35:02
单独运行的时候JS 是好使的。但是和整个项目一起的时候就没有效果 不小时图片。
求解
能是浏览器的问题么? 我用IE9 和QQ浏览器。一个效果
...全文
105
6
打赏
收藏
写了一个JS图片转换..但是运行有问题
单独运行的时候JS 是好使的。但是和整个项目一起的时候就没有效果 不小时图片。 求解 能是浏览器的问题么? 我用IE9 和QQ浏览器。一个效果
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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看下
Node.
js
快速入门视频课程(通俗易懂)【2020版】
Node.
js
是
一个
可以让JavaScript在服务器端
运行
的系统环境,即
运行
JavaScript不再依赖于浏览器 Node.
js
是
一个
基于Chrome的
JS
引擎(V8)所开发的软件程序,可以执行ECMAScript Node 提供大量API工具库,使JavaScript...
JavaScript
图片
转文字,文字转语音
图片
转音频
图片
转文字 Tesseract.
js
```Tesseract.
js
```地址 ...Tesseract.
js
既可以在浏览器中
运行
,也可以在带有Node
JS
的服务器上
运行
。 Tesseract.
js
地址 Tesseract.
js
官网 Tesseract.
js
Github地
Three.
js
+tween.
js
基础(一)
可以利用three.
js
进行网页上的三维场景(机械、建筑、游戏等)创建,能
写
出在浏览器上流畅
运行
的3D程序。如果没有前端基础,最好预先学习一点HTML/JavaScript方面的知识。 官方文档:https:...
图片
转换
js
(img对象,file对象,base64,canvas对象),以及
图片
压缩方式
有时候后它还有可能是一块canvas画布,或者是
一个
Image对象,或者直接就是
一个
图片
的url地址,我们需要将它们压缩上传到远程;二、解决办法如上图所示,七个方法,基本覆盖了
JS
中大部分文件类型的
转换
...
Vue.
js
(一) Vue.
js
+ element-ui 扫盲
我们知道javascript代码只能在浏览器上
运行
,只有浏览器能够解析
js
代码,如果想要javascript代码能够在服务器端
运行
就必须提供
一个
Javascript的
运行
环境(runtime environment),这就是node.
js
。 node.
js
是对Chrome ...
C#
110,499
社区成员
642,576
社区内容
发帖
与我相关
我的任务
C#
.NET技术 C#
复制链接
扫一扫
分享
社区描述
.NET技术 C#
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
让您成为最强悍的C#开发者
试试用AI创作助手写篇文章吧
+ 用AI写文章