首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

为什么效果只能在火狐的浏览器实现,IE、chrome要么效果不理想,要么不行

2013-08-09 
求助为什么效果只能在火狐的浏览器实现,IE、chrome要么效果不理想,要么不行同上,求助呢,还有求助高手解决ma

求助为什么效果只能在火狐的浏览器实现,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函数,不是字符串

热点排行