struts1.0标签和JS问题

问题描述

看下面的代码是图片循环左移的代码可是当我换成struts标签后就不能运行了为什么<divid=demostyle="overflow:hidden;height:100px;width:494px;"><tablealign=leftcellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><logic:notEmptyname="indexForm"property="productList"><logic:iterateid="product"name="indexForm"property="productList"><Ahref="<%=basePath%>product.do?act=findByIdForView&id=${product.id}"title="点击查看详细"target=_blank><IMGsrc="<%=basePath%>data/products/<bean:writename="product"property="picturePath"/>"width=100border="0"height=100/></A></logic:iterate></logic:notEmpty></td><tdid=demo2valign=top></td></tr></table></div><script>varspeed=30demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}varMyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>

解决方案

解决方案二:
<divid="imgmarquee"style="OVERFLOW:hidden;WIDTH:580px;align:left;background-color:#0099CC;"><divstyle="width:1200px"><!--id="marquePic1"里面的宽度一定要大于id="imgmarquee"的宽度才能看到效果width:600px;>WIDTH:580px;大的div宽度要为span的两倍才可以,不然会换行width:1200pxzdz的作品,流风的作品--><spanid="marquePic1"style="width:600px;background-color:#990033;"><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/><imgsrc="../images/dialog/4.gif"/></span><spanid="marquePic2"style="width:600px;background-color:#990033;"></span></div></div><scripttype="text/javascript">varimgmarquee=document.getElementById('imgmarquee');varmarquePic2=document.getElementById('marquePic2');varmarquePic1=document.getElementById('marquePic1');varspeed=10;//控制移动的速度,数越大越慢marquePic2.innerHTML=marquePic1.innerHTML;//把marquePic1的内容复制到marquePic2里面functionMarquee(){if(imgmarquee.scrollLeft>=marquePic1.scrollWidth){imgmarquee.scrollLeft=0;}else{//demo.scrollLeft++;imgmarquee.scrollLeft++;}}varmarqueetemp=setInterval(Marquee,speed);imgmarquee.onmouseover=function(){clearInterval(marqueetemp)}//鼠标移到上面停止并清除计数imgmarquee.onmouseout=function(){marqueetemp=setInterval(Marquee,speed)}//鼠标离开重新计数</script>
解决方案三:
用下面的就可以了没人帮我结贴
解决方案四:
顶一下
解决方案五:
楼上的方法不行么?
解决方案六:
??
解决方案七:
可以但是我的数据是变化的也就是宽度不定总是跑成两行
解决方案八:
??
解决方案九:
用于不用,右键查看源文件,比较区别。

时间: 2016-10-19

struts1.0标签和JS问题的相关文章

HTML5 audio标签使用js进行播放控制实例

HTML5 audio标签使用js进行播放控制实例  <audio>标签可以在HTML5浏览器中播放音频文件. <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态. 这里我们可以使用JS来进行控制,代码如下:   代码如下: var audio ; window.onload = function(){ initAudio(); } var initAudio = function(){ //audio = document.c

代码-使用JSP include file后页面中单独使用的META标签,JS外部文件都跑到了body中。

问题描述 使用JSP include file后页面中单独使用的META标签,JS外部文件都跑到了body中. 代码中头部引入公共头部: 公共头部代码:

struts1-求助Struts1.x标签问题,bean:write抛异常

问题描述 求助Struts1.x标签问题,bean:write抛异常 如题,(项目环境Struts 1.2)...今天做功能时,遇到了一个问题,bean:write标签抛异常.我把没用的代码全去掉了,代码如下 后台action的 public ActionForward recharge(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response)throws G

浅谈js控制li标签排序问题 js调用php函数的方法_javascript技巧

[Html代码] <span style="font-size:14px;"><ul class="list-group"> <? if ($categorys): ?> <? foreach ($categorys as $category):?> <li class="list-group-item" data-id="<? echo $category->id ?&

框架-Laravel5.0如何引入js,css,image这些啊

问题描述 Laravel5.0如何引入js,css,image这些啊 Laravel5.0如何引入js,css,image这些啊这个是PHP的框架 可是我刚接触这个框架,不知道 Laravel5.0怎么在blade模板中引入js.css.图片这些文件 解决方案 http://download.csdn.net/detail/conmajia/4282066 解决方案二: http://www.zhihu.com/question/34291866 解决方案三: 关于CI框架引入CSS与JS文件

Yii2.0中使用js异步删除示例

整理文档,搜刮出一个Yii2.0中使用js异步删除示例,稍微整理精简一下做下分享. 控制器: public function actionWeixinnotificationdel() { $model = WxDistributorNotification::findOne($_GET['id']); if ($model) { if($model->delete()) { echo 1; Yii::$app->end(); } } echo 0; Yii::$app->end();

实现网页页面跳转的几种方法(meta标签、js实现、php实现)

1.meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面  代码如下 复制代码 1 <meta http-equiv="refresh" content="0.1; url=http://www.111cn.net/"> 2.Javascript实现 方法一: 这个方法比较常用 1 window.location.href = "http://www.111cn.net/"; 方法二:  代码

关于include标签导致js路径找不到的问题分析及解决

关于使用jsp:include标签及<%@ include标签时要注意的事项 先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含(先编译,后包含) @ include是先把文件包含就来,然后统一编译(先包含,后编译) 今天下午想把Jquery集成到项目中,发现怎么样都会出问题.原因就是路径问题. 在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了. 但写

JSF 2.0 引用css js的问题.

问题描述 JSF2.0文件里面用<h:outputStylesheetlibrary="css"name="style.css"/>引用resources子文件夹css里面的style.css文件,可是生成的HTML却显示引用了style.css.jsf文件<linktype="text/css"rel="stylesheet"href="/JavaBookShop/javax.faces.reso