`
myfreespace
  • 浏览: 228533 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

工作中写的图片轮换

阅读更多

/*
 * 功能:俱乐部-球迷频道js
 * 标签切换 焦点图切换
 * $Id$
 * bilibo@ifensi.com
 * 2010-09-17
 */

//标签切换 用法介绍
/*id="player_nav_1" 鼠标点击的标签 _nav_是确定的 前面的可以更改
 *id="player_block_1 要切换的内容 _block_是确定的前面的可以更改以用于不同的地方
 *$(".awards_nav a").click(function(){switchBlock(this,4);}); 绑定事件 
 */
function switchBlock(_this,count)
{
	var id=_this.id.replace(/^.+_/,"");
	var name_space=_this.id.replace(/_.+/,"");
	
	for(var i=1;i<=count;i++)
	{
		jQuery("#"+name_space+"_nav_"+i).removeAttr("class");
		document.getElementById(name_space+"_block_"+i).style.display="none";
	}
	document.getElementById(_this.id).className="current";
	document.getElementById(name_space+"_block_"+id).style.display="block";
}

//焦点图1
var cur_index=1;
var num=4; //循环的个数
var settime;
//鼠标移动上方显示
function Show_Dab(Dab_num)
{
	stopAction();
	for(var i=1;i<=4;i++)
	{
		document.getElementById("img_" + i).style.display = "none";
		document.getElementById("tdiv" + i).style.display = "none";
		document.getElementById("txt"+i).className = "";
	}
		document.getElementById("img_" + Dab_num).style.display = "block";
		document.getElementById("tdiv" + Dab_num).style.display = "block";
		document.getElementById("txt" + Dab_num).className = "dq";
}
//鼠标移除后自动循环
function Show_Begin()
{
	startAction();
	
}
//自动循环
function change_Menu()
{
	for(var i=1;i<=num;i++)
	{
		if(cur_index==i){
			jQuery("#img_"+i).show("slow");
			document.getElementById("tdiv"+i).style.display = "block";
			document.getElementById("txt"+i).className = "dq";
		}else{
			jQuery("#img_"+i).hide("slow");
			document.getElementById("tdiv" + i).style.display = "none";
			document.getElementById("txt"+i).className ="";
		}
	}
}
//初始化调用
function conAction()
{
	if(cur_index<4)
	{
	   cur_index++;
	}
	else
	{
	    cur_index=1;
	}
	change_Menu();
}

function startAction()
{
	stopAction();
	settime = setInterval(conAction,5000);
}
//停止循环
function stopAction()
{
	clearInterval(settime);
}
//焦点图2
var cur_num=1;
var total=4; //循环的个数
var timeid; 
//鼠标移动到上方显示
function Show_pic(num)
{
	stopPic();
	for(var i=1;i<=4;i++)
	{
		document.getElementById("img1_" + i).style.display = "none";
		document.getElementById("gtxt" + i).style.display = "none";
		document.getElementById("list"+i).className = "baise";
	}
		document.getElementById("img1_" + num).style.display = "block";
		document.getElementById("gtxt" + num).style.display = "block";
		document.getElementById("list" + num).className = "dangqian";
}
//自动显示
function change_pic()
{
	for(var i=1;i<=total;i++)
	{
		if(cur_num==i){
//			jQuery("#img1_"+i).show("slow");
//			jQuery("#gtxt"+i).show("slow");
			document.getElementById("img1_" + i).style.display = "block";
			document.getElementById("gtxt" + i).style.display = "block";
			document.getElementById("list"+i).className = "dangqian";
		}else{
//			jQuery("#img1_"+i).hide("slow");
//			jQuery("#gtxt"+i).hide("slow");
			document.getElementById("img1_" + i).style.display = "none";
			document.getElementById("gtxt" + i).style.display = "none";
			document.getElementById("list"+i).className ="baise";
		}
	}
}
//自动显示判断
function beginPic()
{
	if(cur_num<4)
	{
	   cur_num++;
	}
	else
	{
	    cur_num=1;
	}
	change_pic();
}
//暂停显示
function stopPic()
{
	clearInterval(timeid);
}
function startPic()
{
	stopPic();
	timeid = setInterval(beginPic,5000);
}
//鼠标移除开始滚动
function Begin_show()
{
	startPic();
	
}
//页面加载调用
window.onload=function()
{
	startAction();
	startPic();
}
//pk赞
function pkzan(voteid,teamid,nn)
{
	var uu = jQuery("#uname").text();
	
	if(uu){
		 jQuery.ajax({            

				type:'post',

				url:'/fans/fans.ajax.php?action=addvote',

				dataType:'data',

				data:'checkip=0&voteid='+voteid+'&chs='+teamid+'&uu='+uu,

				success:function(data){
				   alert(data);
				if (data =="")
				{
					var pid = "#pk"+nn;
					var num = jQuery(pid).text();
					num = parseInt(num)+1;
					jQuery(pid).text(num);
				}	


			  }

			});

			}else{

				alert('请先登录,谢谢');
			}
}

//积分榜上下滚动
var speed=30;
function Marquee(){ 
	var demo1 = jQuery("#football_block_5");
	var demo = jQuery("#contentul");
	if(demo.scrollTop()>=demo1.height())
		demo.scrollTop(0); 
	else{
		demo.scrollTop(demo.scrollTop()+90);
	}
}
function Marquee1()
{
	var demo1 = jQuery("#football_block_5");
	var demo = jQuery("#contentul");

	if(demo.scrollTop()<demo1.height())
		demo.scrollTop(0);
}
function moveup()
{
	Marquee1();
}
function movedown()
{
	Marquee();
}
 
1
2
分享到:
评论

相关推荐

    3的图片轮换

    标题中的“3的图片轮换”可能是指一种图像展示技术,通常用于网站设计或互动媒体应用中,使得三张图片能够以某种方式循环播放,增强视觉效果,吸引用户注意力。这种技术可以是基于Flash的,这从“含flash源码”这个...

    自定义属性图片轮换.rar

    在IT行业中,自定义属性图片轮换是一种常见的前端UI效果,用于展示一组图片并自动进行切换,以吸引用户的注意力或展示多张相关的图片。在这个"自定义属性图片轮换.rar"压缩包中,包含了作者手写的JavaScript代码,...

    常见flash图片切换 可动态读取数据库

    在互联网上,动态展示图片是常见的需求,尤其在企业官网、博客、新闻站点等中,为了吸引用户注意力和提供信息,常会使用图片轮换功能。本教程将介绍一种常见Flash图片切换方案,该方案能从数据库中动态读取图片,以...

    Python图片爬虫服务..zip

    在网页中,图片经常被用于各种目的,如新闻报道、产品展示、广告等。为了批量获取这些图片,开发者可以编写爬虫程序,自动遍历网页,下载所需图片。本主题将围绕Python图片爬虫服务展开,涵盖其原理、常用库、步骤...

    一款自己编写的jquery相册

    在这款相册中,jQuery被用来实现图片的动态展示和交互效果,使得用户体验更加流畅和互动。 【描述】:“自己写的,细心的童鞋可以发现一点点bug,不过拿来练练手还是不错啦。不想改的话也可以直接用,高手就不用下...

    为了方便初学者更加快捷学习Python爬虫写的教程例子,欢迎大家参考并提出建议!.zip

    这两个库能够帮助你提取网页中的数据,例如:标题、链接、图片等。学习如何使用选择器(CSS选择器或XPath)定位元素,是爬虫技术中的基础技能。 在处理动态加载的内容时,可能需要用到Selenium库,它可以模拟浏览器...

    C语言并行爬虫(epoll).zip

    - **反爬策略**:应对网站的反爬虫措施,如用户代理轮换、验证码识别等。 - **性能监控**:记录CPU、内存使用情况,及时调整策略以保持系统稳定。 通过以上知识点,我们可以构建出一个能够并行抓取网页的C语言...

    计算机基础课程试卷(五).pdf

    12. 网页特效:在FrontPage 2000中,使用字幕特效可以实现时间间隔轮换不同图片的效果。 13. 操作系统:Windows 2000是一个单用户多任务操作系统。 14. 应用程序窗口:最小化后,程序仍在后台运行。 15. 计算机...

    java爬虫源代码

    - **图像处理**:在某些情况下,网页中的信息可能以图片形式存在,如验证码识别。Java的ImageIO库可用于读取和处理图像,配合OCR(光学字符识别)技术可以从中提取文字信息。 5. **针对反爬虫技术**:网站常采用反...

    制作一个简单HTML旅游网站(HTML+CSS+JS)无锡旅游网页设计与实现面.md

    - **轮播图**: 使用JavaScript实现自动轮换展示图片。通常会结合HTML的`&lt;img&gt;`标签和CSS动画实现。 - **音频/视频**: 利用HTML5的`&lt;audio&gt;`和`&lt;video&gt;`标签插入多媒体文件,并通过JavaScript控制播放、暂停等功能。 ...

    ISite企业建站系统

    3.请确认给予本系统所在目录IIS用户或者everyone可写权限!! 程序升级 备份数据库和模板,上传覆盖“升级文件夹”里的文件,完成升级! 程序特点 1.模块化管理,前后台栏目一致化维护,无需专业知识即可上手维护...

    点点滴滴背单词

     点点滴滴背单词就是为解决这个问题所写的,通过在电脑屏幕显示一浮动窗口,不断显示英语单词,发出读音,您在工作或娱乐时偶尔瞧一两眼即可,不必特意去背,这样,在您不知不觉中,就已点点滴滴地背记了大量的单词...

Global site tag (gtag.js) - Google Analytics