相关讨论
js+CSS控制左右切换鼠标可控的无缝图片滚动代码
代码简介：
以前见过这种效果，但是是基于FLASH技术，现在是纯用js实现的，代码有点多，不过效果还不错，实际上它也是一个图片滚动，只不过它完全是用鼠标点击控制的，也就是说鼠标不点击的时候它是静止的，每点一下向后移动一个图片，无缝衔接，如些循环。
代码内容：
View Code[code]liC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
js自定义滚动条
背景：
如果遇到需要给滚动条加样式的情况，在ie浏览器下可以通过样式解决，像火狐和chrome就没辙了，与其用些畸形的样式或者技巧，还不如干脆自己做一个
功能：
1）保持浏览器默认滚动条的行为：当内容超过高度时给出滚动条；支持鼠标滚轴；当鼠标移动到顶部或者底部时，滚动条自动向上或向下移动，移动到顶端或者下端则停止；当添加内容时会重新渲染滚动条，中间的滚动块会根据内容等比例缩小
...
by
听老歌
-
Web开发
-
2011-12-24 21:08:19 阅读（1534） 回复（1）
效果如 http://www.dolaball.com/wwwroot/test.aspx 所示
右侧的picture.gif图片不能随滚动条一起移动, 但是可以实现拖拽, 怎么实现随滚动条移动的功能呢, 谢谢?
是仿 http://www.77169.com/texiao/windows/08c.htm 写的, 但就是不能实现
[ 本帖最后由 HonestQiao 于 2006-6-29 11:59 编辑 ]
尽管只用层来也能实现层随滚动条一起滚动，但是我所知道的方法必须依赖与别的层，所有直接用js实现
var tips;
var theTop = 10; /*这是默认高度,越大越往下*/
var old = theTop;
function moveTips() {
var tt = 0;
if (window.innerHeight) {
pos = window.pageYOffset
} else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
...
一款js+CSS实现的无缝平滑图片滚动代码
代码简介：
非常平滑的js图片滚动特效代码，无缝循环，速度可自定义，鼠标悬停时停止。它的特点是js和图片地址分离，这样做你就经易的从数据库动态调用每张图片的地址，方便控制，因此它非常的应用。
代码内容：
View Code[code]liC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Class Of Marquee Scroll通用不间断滚动js封装类
为了实现网站图片和新闻的不间断滚动，网上搜集了很多资料，最后使用MsClass.js实现，
非常实用，简单，而且有很多例子可以参照。
直接附上网址：
http://www.popub.net/script/MSClass.html
web
一个使用方便的用于跳转后保持滚动条位置的js
js代码[code]1.function ScrollHolder()
2.{
3. //add event to window
4. this.addWindowlistener = function(sEventType, fnHandler) {
5. if (window.addEventlistener) {
6. window.addEventlistener(sEventType, fnHandler, false);
7. } else if (window.attachEvent) {
8. window.attachEvent("on" ...
by
听老歌
-
Web开发
-
2011-11-29 15:20:45 阅读（1291） 回复（0）
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
这是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法[code]liC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
分别用marquee和div+<font color="red">js</font>实现首... </p>
<p class="news_tag">
<a href="http://bbs.chinaunix.net/tag-thread-5540-1.html" target="_blank">web</a> </p>
</div>
<div class="two_con2">
by
<a href="http://bbs.chinaunix.net/space-uid-24834726.html" target="_blank">cu_Cbear </a>
-
<a href="http://bbs.chinaunix.net/forum-80-1.html" target="_blank">Web开发</a>
-
2011-09-19 23:59:42 阅读（1507） 回复（0）
</div>
<div class="two_con1">
<div class="tit5">
<h2><a href="http://bbs.chinaunix.net/thread-1629329-1-1.html" target="_blank">
<font color="red">js</font>实现图片无间隙<font color="red">滚动</font>代码（IE6 ie7 ie8 FF兼容） </a></h2>
</div>
<p>
<font color="red">js</font>实现图片无间隙<font color="red">滚动</font>代码（IE6 ie7 ie8 FF兼容）
2009-12-02 11:56
最近要做一个首页图片无间隙的<font color="red">滚动</font>的效果,原先准备用marquee来做,但是循环<font color="red">滚动</font>时有间隙.在网上找了下:
这个相对简单,实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2， demo1是<font color="red">滚动</font>内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到<font color="red">滚动</font>的目的，当<font color="red">滚动</font>至demo1与demo2的交界处时直接跳回初始位置，因... </p>
<p class="news_tag">
</p>
</div>
<div class="two_con2">
by
<a href="http://bbs.chinaunix.net/space-uid-12328915.html" target="_blank">ttchu </a>
-
<a href="http://bbs.chinaunix.net/forum-135-1.html" target="_blank">php文档中心</a>
-
2009-12-14 20:50:22 阅读（3804） 回复（0）
</div>
<div class="two_con1">
<div class="tit5">
<h2><a href="http://bbs.chinaunix.net/thread-1202845-1-1.html" target="_blank">
<font color="red">js</font> </a></h2>
</div>
<p>
/****打开页面时以窗口方式打开
function urll(u)
{
window.open(u,"","toolbar=0,top=50,left=130,location=0,status=0,menubar=0,scrollbars=1,resizable=0,height=450,width=510")
}
//-->
****/
查看详情
//计算页面执行时间
?>
退出时效果
控制面板帮助会员日历查看新帖
退出
/*执行此即可看到*/
var sp_isRefash = false;
function window_onbeforeunload() {
if(!sp_isRefash)
{
var... </p>
<p class="news_tag">
</p>
</div>
<div class="two_con2">
by
<a href="http://bbs.chinaunix.net/space-uid-20384227.html" target="_blank">freespray </a>
-
<a href="http://bbs.chinaunix.net/forum-135-1.html" target="_blank">php文档中心</a>
-
2006-10-30 16:12:22 阅读（1086） 回复（0）
</div>
</div>
<div class="friendly_link">
<div class="friendly_con1">
<div class="f_link_tit">盛拓传媒：</div>
<p><a href="http://www.it168.com">IT168</a> | <a href="http://www.pcpop.com">泡泡网</a> | <a href="http://www.autohome.com.cn">汽车之家</a> | <a href="http://www.che168.com">二手车之家</a> | <a href="http://www.qudao168.com">渠道168</a> | <a href="http://www.itpub.net/">ITPUB</a> | <a href="http://www.ixpub.net/">IXPUB</a> | <a href="http://www.chinaunix.net/">ChinaUnix</a> | <a href=" http://www.jimi168.com/">安卓之家</a> | <a href="http://www.app111.com/">苹果园</a> | <a href="http://www.gqt168.com/">家商城</a> | <a href="http://bbs.app111.com/">苹果论坛</a></p>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="dot1"><a href="http://www.bj.cyberpolice.cn/index.jsp" class="n1"></a><a href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202008062400006"></a><a href="http://ulic.baidu.com/client/clientDetailCerInfo.do?id=1602"></a></div>
<p class="p"> <a href="http://www.it168.com/bottomfile/about.shtml" rel="nofollow">盛拓传媒简介</a> | <a href="http://www.it168.com/bottomfile/it168.shtml" rel="nofollow">关于IT168</a> | <a href="http://www.it168.com/bottomfile/hzhb.shtml" rel="nofollow">合作伙伴</a> | <a href="http://www.it168.com/bottomfile/ggfw.shtml" rel="nofollow">广告服务</a> | <a href="http://www.it168.com/bottomfile/sytk.shtml" rel="nofollow">使用条款</a> | <a href="http://www.it168.com/bottomfile/tgzn.shtml" rel="nofollow">投稿指南</a> | <a href="http://www.wintalent.cn:8031/wt5/sequelmedia/web/index" rel="nofollow">诚聘精英</a> | <a href="http://www.it168.com/bottomfile/lxwm.shtml" rel="nofollow">联系我们</a> | <a href="http://www.itpub.net/forum.php">ITPUB论坛</a> | <a href="http://www.it168.com/bottomfile/sitemap/sitemap.html" rel="nofollow">网站导航</a> | <a href="http://archive.it168.com/" rel="nofollow">往日回顾</a> </p>
<address>
北京皓辰网域网络信息技术有限公司. 版权所有 <a href="http://www.it168.com/images/icp.jpg"><font color="#666666">京ICP证:060528号</font></a> 北京市公安局海淀分局网监中心备案编号：1101082001<br>
<font color="#666666">广播电视节目制作经营许可证：编号（京）字第1149号</font>
</address>
<div style=" color:#666;margin-top:10px; text-align:right;">ITPUB推荐文章解答你所有技术难题</div>
<div class="clear"> </div>
</div>
</div>
<!-- 统计 START -->
<script language="javascript" src="http://stat.it168.com/pv.js"></script>
<script>
function sendPV(){
var pvTrack = new PvTrack();
pvTrack.type = 35; // 频道类别ID
pvTrack.channel = 461; // 频道ID
pvTrack.pageType = 0;
pvTrack.track();
}
window.setTimeout("sendPV()", 1000);
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20237423-2']);
_gaq.push(['_setDomainName', '.chinaunix.net']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<div style='display:none'>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0ee5e8cdc4d43389b3d1bfd76e83216b' type='text/javascript'%3E%3C/script%3E"));
</script></div>
<!-- END STAT PV -->
<!-- <script type='text/javascript' src='http://168.it168.com/js/597.js'></script> -->
<script>if(typeof(BLA)!='undefined'){BLA();}</script>
</body>
</html> 