小编The*_*tor的帖子

我想制作一个简单的幻灯片,在页面加载时自动播放.到目前为止,这是我的代码:

HTML:

<div id="slideshow">
   <div>
      <img src="slide_1.png">
   </div>   
   <div>
      <img src="slide_2.png">
   </div>
   <div>
       <img src="slide_3.png">
   </div>
</div>

CSS:

#slideshow {  

    position: relative; 

    width: 900px; 

    height: 450px;  

}

#slideshow > div { 

    position: absolute; 

}

如果可能,有人可以提供一个JavaScript代码,它将自动播放幻灯片,以及使用幻灯片转换更改幻灯片,并在用户仍然在页面时重播无限次吗？此外,也许是右下角有数字的导航.这是我正在寻找的一个例子:(http://www.http://www.suprafootwear.com/).顶部的大型幻灯片是我想要的,唯一的区别是我希望过渡是线性滑动而不是淡入淡出过渡.请保持900px x 450px的尺寸.任何帮助表示赞赏.先感谢您!

我正在寻找一种方法让我的网站的搜索栏在它盘旋时改变背景颜色.目前,有两个主要元素组成.有文本框本身和提交按钮.当用户将鼠标悬停在文本框元素上时,我将其编程为将背景颜色更改为较浅的阴影.我想要的是不仅要更改文本框背景颜色,还要更改提交按钮背景,以使其看起来好像搜索栏都是一个元素.此外,当用户将鼠标悬停在提交按钮上以更改两种背景颜色时,我想拥有它.所以基本上无论用户悬停在哪个元素上,两个元素都会将背景颜色更改为我想要的浅色调.请查看我的网站,看看我在说什么.

这是链接(http://www.codesrce.com).

这是一个小提琴(http://jsfiddle.net/d37sN/1/).

HTML

<div id="SearchContainer">
    <div id="sb-search" class="sb-search">
        <form>
            <input class="sb-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
            <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search"></span>

        </form>
    </div>
</div>