js实现图片滚动

<!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实现图片滚动</title>
<meta http-equiv=content-type content="text/html; charset=gbk">
<link href="css教程/163css.css" type=text/css rel=stylesheet>
<script type=text/网页特效>var styleid = '1', imgdir = 'images/', charset = 'utf-8', discuz_uid = 0, cookiedomain = '', cookiepath = '/', attackevasive = '0', disallowfloat = 'newthread|reply', gid = parseint('7'), fid = parseint('45'), tid = parseint('16919')</script>
<script src="js/common.js" type=text/javascript></script>

</head>
<body>
<div id=append_parent></div>

<script src="js/viewthread.js" type=text/javascript></script>
<script type=text/javascript>zoomstatus = parseint(1);var imagemaxwidth = '400';var aimgcount = new array();</script>
<div class="mainbox" id=postlist>
 <div class="part01" id=post_186751>
  <div id=pid186751 summary=pid186751>
   <img id=aimg_7760 thumbimg="1" alt="www.111cn.net" file="images/img01.jpg">    
  </div>
  <script type=text/javascript reload="1">aimgcount[186751] = [7760];attachimgshow(186751);</script>
 </div>
 <div class="part01" id=post_186752>
  <div id=pid186752  summary=pid186752>
   <img id=aimg_7761 thumbimg="2" alt="www.111cn.net" file="images/img02.jpg">
  </div>
  <script type=text/javascript reload="1">aimgcount[186752] = [7761];attachimgshow(186752);</script>
 </div>
</div>

</body>
</html>
源码下载地址
http://down.111cn.net/down/code/js/xiangcedaima/2010/0927/20958.html

时间: 2024-12-03 02:55:30

js实现图片滚动的相关文章

Flash中实现JS的图片滚动效果

js 网页中的图片滚动效果,js的对象不太熟,就用flash来了. 大体的流程. 图片加载,效果层加载,设定效果层的_x,_y,使之于图片一一对应. 然后鼠标事件,鼠标经过,stopMove,鼠标点击,openPIC in IE. 图片循环不见断的实现模型: var picNum:Number;//总图片数,解析xml可得.  var picMargin:Number=5;//设置pic的间隔;  if(pic._x<(0-pic._width)){  pic._x=(pic._width+pi

js实现图片滚动的代码

 js图片滚动代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

js 控制图片滚动效果

仿古皮具盒 手绘珠宝柜 夹板茶叶盒 两支装酒盒 手绘珠宝柜 仿古皮具盒 夹板茶叶盒 两支装酒盒 手绘珠宝柜 在FF2.0.谷歌浏览器.Opera正常,在IE6.0/7.0下不能滚动,请高手修改一下,谢谢!

js 文字图片滚动效果

提示:您可以先修改部分代码再运行    黄金链简介       黄金链是北京奇金道网络科技有限公司旗下运营的专业互联网营销服务机构,是为广大站长提供互联网广告的平台.公司自2009年成立以来,受到了广大站长的信赖与支持,迅速发展成为中国最具商业价值的网络营销服务平台.       黄金链以客户需求为导向,以强大的营销服务团队,旨在为广大站长提供最优质的网络广告资源,达到最好的推广效果.       自运赢以来,黄金链秉承你好.我好.世界好的原则,赢得了广大客户和合作伙伴的信任,现已与国内最权威媒

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)_javascript技巧

废话不多说了,直接给大家贴代码了,具体代码如下所示: <head> <-----> </head> <body> <!--向下滚动代码开始--> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=&quo

控制图片滚动,js代码在chrome里没效果在其他浏览器有效果

问题描述 控制图片滚动,js代码在chrome里没效果在其他浏览器有效果 //客户合作 图片滚动 $('.imgs-scroll').newsScroll({ className: 'imgs-scroll', scrollElements: 'li', scrollDirection: 'left' }); $.fn.extend({ newsScroll: function (opt) { if (!opt) opt = {}; opt = { className: opt.classNam

js实现文字滚动效果_javascript技巧

首先先看一下大致效果图,因为是动态的,在页面无法显示出来. 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;} ul,li{list-style:none;} a{ text-decoration:none; color:#333;} #demo{ overflow:hidden; /*溢出的部分不显示*/ wi

js实现鼠标经过时图片滚动停止的方法

 这篇文章主要介绍了js实现鼠标经过时图片滚动停止的方法,可实现js滚动特效中的鼠标悬停停止图片滚动的功能,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js实现鼠标经过时图片滚动停止的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

js+div实现图片滚动效果代码

 本篇文章主要是对js+div实现图片滚动效果的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 横向  <div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();"    onmouseout="doscroll()">  <div id=&qu