js带控制按钮左右滑动文字效果

作者：简简单单 2013-04-15

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>js带控制按钮左右滑动文字js效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
$(document).ready(function(){
if ($('#testimonial_slideshow').length > 0) {
					$('#testimonial_slideshow').cycle({ 
						fx: 'scrollHorz',
						speed: 600,
						randomizeEffects: true, 
						timeout: 6000, 
						cleartype:  true,
                        cleartypeNoBg:  true,
                        next:'#slideNext', 
						prev:'#slidePrev'
					});
				}
		}
);			
	
</script>
<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em { margin:0; padding:0; border:0; }
ul, ol, li { list-style:none; }
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 auto; }
#container {  text-align:left; margin:0 auto; }
a { color:#390; text-decoration:none; }
a:hover { color:#ef9b11; text-decoration:underline; }
.left_column {  margin:40px auto; padding:5px; border:1px solid #ccc; }
.left_column h5 { font-size:12px; width:100%; margin-bottom:5px; }
.text_right { text-align:right; width:100%; }
.testiomonial_item { padding:5px; }
</style>
<BODY>
<DIV class=left_column>
  <DIV class=item>
    <DIV id=testimonial_slideshow >
      <DIV class=testiomonial_item>
        <h5><a href="js/windows/qq_js.html">1、腾讯QQ登录弹出框js效果，弹出窗口js代码</a></h5>
        <p class="p">腾讯登录弹出框js效果，弹出窗口js代码！窗口变成灰色且无法点击！是本人从腾讯官网上“扒”出来，已经去除不必要的冗长代码！如果更改iframe调用内容，请在index.htm文件内修改，还要在inc.js文件下第140行内修改路径！</p>
      </DIV>
      <DIV class=testiomonial_item>
        <h5><a href="js/web/58.html">2、新闻列表单行多行简洁向上滚动js效果</a></h5>
        <p class="p">新闻列表单行滚动js效果，者多行滚动js效果，超简洁
          注：经测试兼容Ie6、7、8，FF以及谷歌浏览器！</p>
      </DIV>
      <DIV class=testiomonial_item>
        <h5><a href="js/web/backtop.html">3、jquery返回顶部特效</a></h5>
        <p class="p">简洁的jquery返回顶部特效，类似于腾讯网首页的特效，非常棒的特效。其中里面的渐隐渐现效果的时间与速度，都是可以更改的。
          兼容性的话，我只说一点，兼容ie6的！</p>
      </DIV>
    </DIV>
    <P class=text_right><A href="#"><img  id=slidePrev height=20 alt=back src="images/testimonial-back-btn.gif" ></A><A href="#"><img  id=slideNext height=20 alt=next src="images/testimonial-next-btn.gif" ></A></P>
  </DIV>
</DIV>

</BODY>
</HTML></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

js带控制按钮左右滑动文字效果

相关文章

精彩推荐