读书人

为什么效果只能在火狐的浏览器实现I

发布时间: 2013-08-09 15:16:24 作者: rapoo

求助为什么效果只能在火狐的浏览器实现,IE、chrome要么效果不理想,要么不行
同上,求助呢,还有求助高手解决marquee开始可不可以静止呢。

<div style="float:left">
<div style="width:400px; height:300px;float:left">
<div style="width:100px; height:300px;float:left">
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;direction="left" behavior=alternate onMouseout="this.stop()" onMouseOver="this.start()" direction="down"">
<img src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg" style=" height:99%; width:99%" onmousemove={chane.src='http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg'} />
</marquee>
</div>
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;direction="left" behavior=alternate onMouseout="this.stop()" onMouseOver="this.start()" direction="down"">
<img src="http://img02.taobaocdn.com/imgextra/i2/1695229512/T281D0XetbXXXXXXXX_!!1695229512.jpg" style=" height:99%; width:99%" onmousemove={chane.src='http://img02.taobaocdn.com/imgextra/i2/1695229512/T281D0XetbXXXXXXXX_!!1695229512.jpg'} />
</marquee></div>
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;direction="left" behavior=alternate onMouseout="this.stop()" onMouseOver="this.start()" direction="down"">
<img src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2.5oIXfdXXXXXXXXX_!!1695229512.jpg" style=" height:99%; width:99%" onmousemove={chane.src='http://img03.taobaocdn.com/imgextra/i3/1695229512/T2.5oIXfdXXXXXXXXX_!!1695229512.jpg'} />
</marquee></div>
</div>
<div style="width:300px; height:300px;float:left">
<img id="chane" src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg" style=" height:100%; width:100%" />
</div>


</div>
</div> 浏览器 HTML marquee
[解决办法]



<div style="float:left">
<div style="width:400px; height:300px;float:left">
<div style="width:100px; height:300px;float:left">
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;" direction="left" behavior=alternate onMouseout="this.stop()"

onMouseOver="this.start()" direction="down">
<img src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg" style=" height:99%;

width:99%" onmousemove="document.getElementById

('chane').src='http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg'" />
</marquee>
</div>
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;" direction="left" behavior=alternate onMouseout="this.stop()"

onMouseOver="this.start()" direction="down">
<img src="http://img02.taobaocdn.com/imgextra/i2/1695229512/T281D0XetbXXXXXXXX_!!1695229512.jpg" style=" height:99%;

width:99%" onmousemove="document.getElementById

('chane').src='http://img02.taobaocdn.com/imgextra/i2/1695229512/T281D0XetbXXXXXXXX_!!1695229512.jpg'" />
</marquee></div>
<div style="width:100px; height:100px">
<marquee style="width:100px; height:100px;" direction="left" behavior=alternate onMouseout="this.stop()"

onMouseOver="this.start()" direction="down">


<img src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2.5oIXfdXXXXXXXXX_!!1695229512.jpg" style=" height:99%;

width:99%" onmousemove="document.getElementById

('chane').src='http://img03.taobaocdn.com/imgextra/i3/1695229512/T2.5oIXfdXXXXXXXXX_!!1695229512.jpg'" />
</marquee></div>
</div>
<div style="width:300px; height:300px;float:left">
<img id="chane" src="http://img03.taobaocdn.com/imgextra/i3/1695229512/T2LgsIXh8XXXXXXXXX_!!1695229512.jpg" style="

height:100%; width:100%" />
</div>
</div>
</div>


[解决办法]
引用:
主要问题是不同浏览器的效果,顺带问下marquee可不可以在开始的时候处于静止状态,当鼠标放在图片上的时候,图片开始上下滚动


1、刚开始不是marquee,鼠标移上去了才变成marquee,做个替换。
2、开始的marquee速度很慢很慢,鼠标移上去了变快。
[解决办法]
引用:
Quote: 引用:

Quote: 引用:

Quote: 引用:

Quote: 引用:

那问一下
2、如何实现呢

百度一个javascript image slider,marquee真心不行呀

就是因为限制不能用JS,所以希望有大神可以直接用HTML搞定呢

你已经用了呀?onMouseOver不是js的事件吗

额,是这样啊,我以为没有用到呢.....刚开始自学没多久,理论知识还不扎实哈,我以为知识一个属性.....


onMouseOver你可以说成是html元素的属性,哪属性值呢?它是一个javascript函数,不是字符串

读书人网 >CSS

热点推荐