jQuery焦点图自动轮播滚动切换特效代码

版权:原创 更新时间:1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jQuery焦点图自动轮播滚动切换特效代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:

部分效果截图:

jQuery焦点图自动轮播滚动切换特效代码

HTML代码(index.html):

<!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="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content=" " />
<meta name="description" content=" " />
<title>jQuery焦点图自动轮换</title>
<link rel="stylesheet" type="text/css" href="css/xixi.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
</head>
<body>
<div class="focus">
    <ul class="rslides f426x240">
        <li><a href="#" target="_blank"><img src="images/01.jpg" alt="内容" /></a></li>
        <li><a href="#" target="_blank"><img src="images/02.jpg" alt="JS代码" /></a></li>
        <li><a href="#" target="_blank"><img src="images/03.jpg" alt="设计模板" /></a></li>
        <li><a href="#" target="_blank"><img src="images/04.jpg" alt="设计类素材网站" /></a></li>
        <li><a href="#tupian/" target="_blank"><img src="images/05.jpg" alt="高清图片库" /></a></li>
    </ul>
</div>
</body>
</html>

JS代码(lrtk.js):

// adfunction dy(code){
	var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>';
	if (code=="top210x90_1"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";
	</script>');
	document.write(ojs);
}
if (code=="top210x90_2"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288996";
	</script>');
	document.write(ojs);
}
if (code=="top728x90"){
	document.writeln("<script type=\"text\/javascript\"><!--");
	document.writeln("google_ad_client = \"ca-pub-4213001413639273\";
	");
	document.writeln("\/* ȫվ_����_728x90 *\/");
	document.writeln("google_ad_slot = \"4539245504\";
	");
	document.writeln("google_ad_width = 728;
	");
	document.writeln("google_ad_height = 90;
	");
	document.writeln("\/\/-->");
	document.writeln("<\/script>");
	document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>")}
if (code=="gg300x250_1"){
	//85849 GOOGLEdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85851";
	</script>');
	document.write(ojs);
}
if (code=="gg300x250_2"){
	//85851 BAIDUdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85849";
	</script>');
	document.write(ojs);
}
if (code=="gg160x600"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85858";
	</script>');
	document.write(ojs);
}
if (code=="lb728x90_1"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "372923";
	</script>');
	document.write(ojs);
}
if (code=="lb728x90_2"){
	//377258 baidudocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "377258";
	</script>');
	document.write(ojs);
}
if (code=="lb336x280"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85856";
	</script>');
	document.write(ojs);
}
if (code=="ny300x250"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85859";
	</script>');
	document.write(ojs);
}
if (code=="ny728x90"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85865";
	</script>');
	document.write(ojs);
}
if (code=="js852x90_1"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "416044";
	</script>');
	document.write(ojs);
}
if (code=="in852x90_1"){
	//289000 baidudocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288997";
	</script>');
	document.write(ojs);
}
if (code=="in852x90_2"){
	//288997 GOOGLEdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289000";
	</script>');
	document.write(ojs);
}
if (code=="in300x90_1"){
	//289003document.write('<a href="/show/" target="_blank"><img src="/images/300x90-01.jpg" width="300" height="90" /></a>');
}
if (code=="in300x90_2"){
	//289007document.write('<a href="/zt/book/" target="_blank"><img src="/images/300x90-02.jpg" width="300" height="90" /></a>');
}
if (code=="in300x250"){
	document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289013";
	</script>');
	document.write(ojs);
}
if (code=="widget"){
	// widgetdocument.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "409341";
	</script>');
	document.write(ojs);
}
if (code=="yulu"){
	// ��¼document.writeln("�����¼��");
	tips = new Array(50);
	tips[0] = '����ǿ�������ƽ�����ر������ѩ������������⡣';
	tips[1] = 'ͨ������չʾ���ԣ�������ͨ������չʾ���ԡ�����Facebook Timeline';
	tips[2] = '�˵Ľ��������;��������޵ģ����û�һ���ص㣬���ǰ����û���Լʱ��ͳɱ���ȫ���ص����û���ص㡣';
	tips[3] = 'Ư���������ݵ���վ��û���˻�����η�������';
	tips[4] = '��ν�߻����򵥵����⸴�ӻ������ӵ�����򵥻�';
	tips[5] = '�����ǹ��ʿ���ܴ���ô���ֲ����κͼ���ܳ�Ϊ��ʦô������web�����ܲ߻���վô��';
	tips[6] = 'ֻ����Щ�����û�����ļ����������壬�����˱����ؿ�ѧ����Ҫ����Ҫ���š���ѧ����';
	tips[7] = '˵������֮ǰ����˵���Լ���ÿ�����趼Ҫ��Ϊʲô��Ū��������ȥ���������档';
	tips[8] = '�߻����Ǵ��齫���Ѽ���ϴ�ƣ����������ƣ��ж��Ǵ��ƣ������Ǻ���';
	tips[9] = '����������뽨�������Ļ����ϣ�����˼·��Զ�DZ��˵ġ�';
	tips[10] = '�����۾���������վ���Ѿ����Ժ������ǿ�ʼд������ʱ��';
	tips[11] = '�鼮������˼������ң�ͨ���׽����ߵ����ң�������������ζ����������Զ���ڳ���ˮ��';
	tips[12] = '�򵥳�Ϯ���������ɡ�';
	tips[13] = '��վ������Ҫ���У�������Զ����Ҫ��������Σ����������';
	tips[14] = '����ʵ�û��Ƕȳ���ȥ�������⣬Ͷ���˵����ֻ����Ϊ�ο���';
	tips[15] = '��ʵ�������������Dz��ò����Ƚ���һЩ��Ϣ�������������磬�����������ݣ������������ص�������ܵ��ˡ���';
	tips[16] = '��׷��������·�ϣ����ܻ�˼��̫�࣬������˫�����š�';
	tips[17] = '��������ϲ��ԭ�����ݺͽṹ�����Html�����������г����Ĺؼ��֡�';
	tips[18] = '��ҪС���û����ǻۣ�������������ְ취���������õ���������ҵ��������Ƿ�ʽ��';
	tips[19] = '�����û�����վ�����Ѹ����ʱ�䣬��Ӧ����������ݵķ��ʰ����û���Լʱ��ɱ���';
	tips[20] = '��Ҫ>Word>PPT';
	tips[21] = '��ҳ�İ�Ҫ˵�˻�����Ŀ�������������Ϸ������������Ҫ��Ѻ�϶�������Ρ�';
	tips[22] = 'ǧ���ټ�ͨ����վӪ��һ�ַ�Χ��Ҳ�����봫��ġ��о������Ϊ�û��ĸ�����';
	tips[23] = 'վ�ĸ�δ�ؿ���Զ������׷�������Ⱥ���������ż�Ⱥ�ߡ�';
	tips[24] = '���Ⲣ����һ��Ҫ׷�����ڲ�ͬ�������ý�����������������Ч��';
	tips[25] = '������Ϊ��С��ģ���ѹ������Ҫ������淶�������������Ҫ���ģ��Ӧ��ʱ��ͬһ�Ĺ����Ե÷dz���Ҫ�ˡ�';
	tips[26] = '�κδ��������Ϊ������һ�������󣬴�����ִ�й����еĸ���Ʒ��Ϊ�˴��¶����£���ӹ�����ŵ���Ϊ��';
	tips[27] = '����֮�ĺ���׼�򡱵�����������������һ�ַ�����û��һ�ַ����ܽ�����е����⣻�������������������ij�ַ�����';
	tips[28] = '�����Ļ����Ͻ��������վ�ھ��˵ļ��֮�ϣ�û�����ֵ�ȫ�̳�Ϯ�����DZ����˲��ڽ��¡�';
	tips[29] = '���չ������վ�dz���Ҫ����Щ����Ԥ�����ʧ��������ɻ����ԵĴ������ʷΪ����';
	tips[30] = '������ǿ�����ǰ������˼ά���з��ʣ����á�ȡ�������������ܹ���Ӯ�����ǵĺøУ����û���·���ڸ��Լ���·��';
	tips[31] = '����������û���ͷ������һ��ȷ��������ɢ��Ϣ�����ҡ��ֲ�������������ӷ�׵Ľ������Ч��';
	tips[32] = '��վ�Ľ���������Ļ���ã������߼��ܹ��ǹ��������ݷֿ������Ѫ�⣬դ���Ӿ��Ǽ������Ļ�����Ƕ�����';
	tips[33] = '����Խ��Խ���ۣ������̤ʵ���Ϊ�û��ṩ��Ч�����ݣ����ܹ�ʵ�ּ����ļ�ֵ��';
	tips[34] = '�û������֣�һ��ʵ��̫�У��������ʱ�䣻����ʵ��̫æ��������������Լʱ�䡣';
	tips[35] = '��վƽ̨��Ҫ�߱��Է��Ĺ�ƽ���ԣ���ֱ�ӽ��׺ͽ���Ϊ�ȵ����㷺���룬�ﵽ�ռ����������ƽ̨��';
	tips[36] = '��ν����վ��λ������ʵ�����ǵĻ��ڸ�����״�ܽ��һ�������ݽ��衢���ܹ滮��������Ӫ�а�����ָ�����졣';
	tips[37] = '��Ҫ���š��������һ�󳭡����ǿ��Խ�����������ܳ�Ϯ��';
	tips[38] = 'ѧ��ƣ�Ҳ��ѧϰ�鷨һ������ġ��һ����Ҫ�Ĺ��̡�';
	tips[39] = '��ʱ�������ʱ��(����ˡ��Ŷӵ�)����������顣';
	tips[40] = 'ѧ������İ���ʱ�䡣���磺���������ٴ�������������㲥��ϴ����';
	tips[41] = 'ǧ���ȵ��������������������Ϊ����ʲô��������˱���Ҳ������ˡ�';
	tips[42] = 'һ���Ŷӵ��������ܳ����ܾ�����������ǿ��µģ�Ҳ�ǿɱ��ġ�����Kevin';
	tips[43] = '��˾������Ӧ���ǹ���ר�ҵ�ר�ң�ץס���£��ſ�С�£�������£���ֹ���¡�';
	tips[44] = '��������ַ�����һ���Ǽ򵥵�����û��ȱ�ݣ���һ�ָ��ӵ�ȱ�ݲ���ô���ԡ����� ���ᡤ���';
	tips[45] = '��洴�ⲻҪ��Խ������˵����̣��������������ʽ�';
	tips[46] = 'û����ӵ�����еĴ𰸡����Χ�Ƶ��������Խ�࣬���Խ�п��ܵõ�һЩ�ô𰸡�';
	tips[47] = '��ֶ��飬Ҫ��Զ��������Χ�˵�ǰ�棬׷�ϱ��˺ͱ�����׷�ϻ�������ֲ�ͬ�����ȡ�';
	tips[48] = '���û���������Ʋ�Ʒ̫�ѡ��ܶ�ʱ��Ҫ�ȵ���Ѳ�Ʒ������ǰ���û���֪����Ҫʲô�������Dz�˹';
	tips[49] = '�Զ��׼�����ߵ�Ч�ʾ��Ƕ����в��ϵ�������á�';
	tips[50] = 'ѧ��͵������������������߹���Ч������Ч�ķ�����';
	index = Math.floor(Math.random() * tips.length);
	document.writeln(tips[index]);
	document.writeln ('&nbsp;
	<a href="/zt/yulu/" target="_blank">[������¼]</a>');
}
if (code=="lb468x15"){
	document.writeln("<script type=\"text\/javascript\"><!--");
	document.writeln("google_ad_client = \"ca-pub-4213001413639273\";
	");
	document.writeln("\/* ȫվ_����_468x15 *\/");
	document.writeln("google_ad_slot = \"2293322720\";
	");
	document.writeln("google_ad_width = 468;
	");
	document.writeln("google_ad_height = 15;
	");
	document.writeln("\/\/-->");
	document.writeln("<\/script>");
	document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>");
}
if (code=="weibo"){
	// ΢��document.writeln ('<iframe width="120" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=136&height=24&uid=2556500765&style=2&btn=red&dpc=1"></iframe>');
}
if (code=="egg"){
	// eggdocument.write('* ����ͼ���ŵ����վ������Դ������أ��޲������޵������޸������ӣ� <a href="/plus/guestbook.php">ȫ�¸İ� ��㽨��</a>');
}
if (code=="jinbu"){
	// ����document.writeln ('<dd>08��13�� �����¼ר������</dd>');
	document.writeln ('<dd>08��05�� ��ҳ������СͼƬ��Ӵ������</dd>');
	document.writeln ('<dd>07��12�� �޸������������ͷ��ض���BUG</dd>');
	document.writeln ('<dd>06��26�� �Ľ���ҳ����Ƶ��Ԥ������</dd>');
	//document.writeln ('<dd>06��23�� �Ľ����ض�������</dd>');
	//document.writeln ('<dd>06��21�� �޸�IE6�¼�������</dd>');
	//document.writeln ('<dd>06��01�� ����ͼ��2012�°�����</dd>');
	//document.writeln ('<dd>05��26�� ����������ͨ������</dd>');
	//document.writeln ('<dd>05��23�� ��ҳ�����İ�����</dd>');
	//document.writeln ('<dd>05��20�� ��ҳСͼ��İ�����</dd>');
	document.writeln ('<dd><a href="/about/event.html">...</a></dd>');
}
if (code=="tj"){
	// ͳ��var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://":" http://");
	document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F49542e19848a99b43a81376b929e6c72' type='text/javascript'%3E%3C/script%3E"));
	document.writeln ('<script language="javascript" type="text/javascript" src="http://js.users.51.la/2007336.js"></script>');
	document.writeln ('<script src="http://s13.cnzz.com/stat.php?id=322926&web_id=322926" language="JavaScript"></script>');
}
if (code=="zan"){
	// ��document.writeln ('<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_likeurl" target="_blank">��</a><script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111107&style=2&showcount=1&width=100&height=30" charset="utf-8" defer="defer" ></script>');
}
if (code=="bdshare"){
	// �ٶȷ���document.writeln("<div id=\"bdshare\" class=\"bdshare_t bds_tools_32 get-codes-bdshare\">");
	document.writeln("<a class=\"bds_qzone\"><\/a>");
	document.writeln("<a class=\"bds_tsina\"><\/a>");
	document.writeln("<a class=\"bds_renren\"><\/a>");
	document.writeln("<a class=\"bds_tqq\"><\/a>");
	document.writeln("<a class=\"bds_baidu\"><\/a>");
	document.writeln("<a class=\"bds_qq\"><\/a>");
	document.writeln("<a class=\"bds_kaixin001\"><\/a>");
	document.writeln("<a class=\"bds_tsohu\"><\/a>");
	document.writeln("<a class=\"bds_douban\"><\/a>");
	document.writeln("<span class=\"bds_more\">����<\/span>");
	document.writeln("<a class=\"shareCount\"><\/a>");
	document.writeln("<\/div>");
	document.writeln("<script type=\"text\/javascript\" id=\"bdshare_js\" data=\"type=slide&amp;
	img=2&amp;
	uid=12879\" ><\/script>");
	document.writeln("<script type=\"text\/javascript\" id=\"bdshell_js\"><\/script>");
	document.writeln("<script type=\"text\/javascript\">");
	document.writeln("var bds_config ={
	\"bdTop\":130}
;
	");
	document.writeln("document.getElementById(\"bdshell_js\").src = \"http:\/\/bdimg.share.baidu.com\/static\/js\/shell_v2.js?t=\" + new Date().getHours();
	");
	document.writeln("<\/script>");
}
// 50x50(function($){
	$.fn.VMiddleImg=function(options){
	var defaults={
	"width":null,"height":null}
;
	var opts=$.extend({
}
,defaults,options);
	return $(this).each(function(){
	var $this=$(this);
	var objHeight=$this.height();
	var objWidth=$this.width();
	var parentHeight=opts.height||$this.parent().height();
	var parentWidth=opts.width||$this.parent().width();
	var ratio=objHeight/objWidth;
	if(objHeight>parentHeight&&objWidth>parentWidth){
	if(objHeight>objWidth){
	$this.width(parentWidth);
	$this.height(parentWidth*ratio);
}
else{
	$this.height(parentHeight);
	$this.width(parentHeight/ratio);
}
objHeight=$this.height();
	objWidth=$this.width();
	if(objHeight>objWidth){
	$this.css("top",(parentHeight-objHeight)/2);
}
else{
	$this.css("left");
}
}
else{
	if(objWidth>parentWidth){
	$this.css("left",(parentWidth-objWidth)/2);
}
$this.css("top",(parentHeight-objHeight)/2);
}
}
);
}
;
}
)(jQuery);
	$(".f").VMiddleImg();
}
// lazyload// ����function dysearch(){
	document.writeln("<form name=formsearch onSubmit='return bottomForm();
	' method=post>");
	document.writeln("<div id='x1' class='sa'>");
	document.writeln("<a id='s0'>ʸ��</a>");
	document.writeln("<span style='display:none' id='x2' class='lanmu'> ");
	document.writeln("<a id=s1>ʸ��<\/a>");
	document.writeln("<a id=s2>����<\/a>");
	document.writeln("<a id=s3>ͼ��<\/a>");
	document.writeln("<a id=s4>����<\/a>");
	document.writeln("<a id=s5>ȫվ<\/a>");
	document.writeln("<\/span>");
	document.writeln("<\/div> ");
	document.writeln("<input id=\"typeid\" name=\"typeid\" type=\"hidden\" value=\"1\">");
	document.writeln("<input id=\"q\" class=sb name=\"keyword\" onFocus=\"if(this.value==\'������ؼ���\'){
	this.value=\'\';
}
else{
	this.select();
}
this.style.color=\'black\';
	\" value=������ؼ���>");
	document.writeln("<input class=sc name=Input type=\"submit\" value=\"\">");
	document.writeln("<\/form>")function $$(id){
	if(document.getElementById){
	return document.getElementById(id);
}
else if(document.layers){
	return document.layers[id];
}
else{
	return false;
}
}
(function(){
	function initHead(){
	setTimeout(showSubSearch,0)}
;
	function showSubSearch(){
	$$("x1").onmouseover=function(){
	$$("x2").style.display="";
	$$("x1").className="sa sa_hover"}
;
	$$("x1").onmouseout=function(){
	$$("x2").style.display="none";
	$$("x1").className="sa"}
;
	$$("s1").onclick=function(){
	selSubSearch(1);
	$$("q").focus()}
;
	$$("s2").onclick=function(){
	selSubSearch(2);
	$$("q").focus()}
;
	$$("s3").onclick=function(){
	selSubSearch(3);
	$$("q").focus()}
;
	$$("s4").onclick=function(){
	selSubSearch(4);
	$$("q").focus()}
;
	$$("s5").onclick=function(){
	selSubSearch(5);
	$$("q").focus()}
;
}
;
	function selSubSearch(iType){
	hbb=[];
	hbb={
	1:["ʸ��","1"],2:["����","js"],3:["ͼ��","png"],4:["����","48"],5:["ȫվ","0"]}
;
	$$("s0").innerHTML=hbb[iType][0];
	$$("x2").style.display="none";
	$$("typeid").value=hbb[iType][1];
}
;
	initHead();
}
)();
}
function bottomForm(){
	var all_var=document.getElementById("typeid").value;
	var q=document.getElementById("q").value;
	switch(all_var){
	case"png":document.formsearch.action='http://www.lanrentuku.com/manager/plus/png.php?type=search&q='+qbreak;
	case"js":document.formsearch.action='http://www.lanrentuku.com/manager/plus/js.php?q='+qbreak;
	default:var Sys ={
}
;
	var ua = navigator.userAgent.toLowerCase();
	var s;
	(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1]:(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1]:(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1]:(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1]:(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1]:0;
	if (Sys.ie){
	q=encodeURIComponent(q);
}
//ffdocument.formsearch.action='http://www.lanrentuku.com/plus/search.php?x='+all_var+'&q='+q;
	break;
}
document.formsearch.submit();
	return false;
}
// favfunction addToFavorite(){
	var a="http://www.lanrentuku.com/";
	var b="����ͼ��";
	if(document.all){
	window.external.AddFavorite(a,b)}
else if(window.sidebar){
	window.sidebar.addPanel(b,a,"")}
else{
	alert("�ף������������֧�ִ˲���\n��ֱ��ʹ��Ctrl+D�ղر�վ~")}
}
// thumb$(function(){
	$('.list-pic img,.list-pngjs img,.list-qq img,.in-box img').hover(function(){
	$(this).stop().animate({
	"opacity":0.6}
,300);
}
,function(){
	$(this).stop().animate({
	"opacity":1}
,300);
}
);
}
);
	// jquery.cookie.minjQuery.cookie=function(name,value,options){
	if(typeof value!='undefined'){
	options=options||{
}
;
	if(value===null){
	value='';
	options.expires=-1;
}
var expires='';
	if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){
	var date;
	if(typeof options.expires=='number'){
	date=new Date();
	date.setTime(date.getTime()+(options.expires*24*60*60*1000));
}
else{
	date=options.expires;
}
expires=';
	expires='+date.toUTCString();
}
var path=options.path?';
	path='+(options.path):'';
	var domain=options.domain?';
	domain='+(options.domain):'';
	var secure=options.secure?';
	secure':'';
	document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');
}
else{
	var cookieValue=null;
	if(document.cookie&&document.cookie!=''){
	var cookies=document.cookie.split(';
	');
	for(var i=0;
	i<cookies.length;
	i++){
	var cookie=jQuery.trim(cookies[i]);
	if(cookie.substring(0,name.length+1)==(name+'=')){
	cookieValue=decodeURIComponent(cookie.substring(name.length+1));
	break;
}
}
}
return cookieValue;
}
}
;
	// fs+bgvar options={
	path:'/',expires:30}
;
	var cookie_fs=$.cookie("fs");
	var cookie_bg=$.cookie("bg");
	$(function(){
	if(cookie_bg){
	$('#yuedu').css('background',cookie_bg);
}
if(cookie_fs){
	$('#yuedu').css('font-size',cookie_fs+'px');
}
}
);
	function fontsize(num){
	switch(num){
	case 1:$("#yuedu").css('font-size','16px');
	$.cookie("fs","16",options);
	break;
	case 2:$("#yuedu").css('font-size','14px');
	$.cookie("fs","14",options);
	break;
	case 3:$("#yuedu").css('font-size','12px');
	$.cookie("fs","12",options);
	break;
}
}
function backcolor(num){
	if(num==1){
	$("#yuedu").css('background','#F0F6FC');
	$.cookie("bg","#F0F6FC",options);
}
if(num==2){
	$("#yuedu").css('background','#FFFFFF');
	$.cookie("bg","#FFFFFF",options);
}
if(num==3){
	$("#yuedu").css('background','#F6F6F6');
	$.cookie("bg","#F6F6F6",options);
}
}
// bg+gif$(document).ready(function(){
	$('.content-bg li,.content-gif li').hover(function(){
	$(".save",this).stop().animate({
	top:'162px'}
,{
	queue:false,duration:162}
);
}
,function(){
	$(".save",this).stop().animate({
	top:'192px'}
,{
	queue:false,duration:162}
);
}
);
}
);
	function runSave(){
	if(saveImg.location!="about:blank")window.saveImg.document.execCommand("SaveAs");
}
function saveImgAs(url){
	if(window.saveImg&&url)window.saveImg.location=url;
}
document.writeln('<IFRAME style="DISPLAY:none" onload=runSave() src="about:blank" name=saveImg></IFRAME>');
	// txfunction getByid(id){
	if (document.getElementById){
	return document.getElementById(id);
}
else if (document.all){
	return document.all[id];
}
else if (document.layers){
	return document.layers[id];
}
else{
	return null;
}
}
function creatID(DivID){
	var objs=getByid(DivID).getElementsByTagName('textarea');
	var inps=getByid(DivID).getElementsByTagName('input');
	var buts=getByid(DivID).getElementsByTagName('button');
	var labs=getByid(DivID).getElementsByTagName('label');
	for (i=0;
	i<objs.length;
	i++){
	objs[i].id="runcode"+i;
	inps[i].id=ibuts[i].id=ilabs[i].id=i}
}
function runCode(obj){
	var code=getByid("runcode"+obj).value;
	var newwin=window.open('','','');
	newwin.opener = null;
	newwin.document.write(code);
	newwin.document.close();
}
function saveCode(obj,title){
	var winname = window.open('','','');
	winname.document.open('text/html','replace');
	winname.document.write(document.getElementById(obj).value);
	winname.document.execCommand('saveas','',title+'.html');
	winname.close();
}
// ����ͼ(function(d,D,v){
	d.fn.responsiveSlides=function(h){
	var b=d.extend({
	auto:!0,speed:1E3,timeout:7E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!1,prevText:"Previous",nextText:"Next",maxwidth:"",controls:"",namespace:"rslides",before:function(){
}
,after:function(){
}
}
,h);
	return this.each(function(){
	v++;
	var e=d(this),n,p,i,k,l,m=0,f=e.children(),w=f.size(),q=parseFloat(b.speed),x=parseFloat(b.timeout),r=parseFloat(b.maxwidth),c=b.namespace,g=c+v,y=c+"_nav "+g+"_nav",s=c+"_here",j=g+"_on",z=g+"_s",o=d("<ul class='"+c+"_tabs "+g+"_tabs' />"),A={
	"float":"left",position:"relative"}
,E={
	"float":"none",position:"absolute"}
,t=function(a){
	b.before();
	f.stop().fadeOut(q,function(){
	d(this).removeClass(j).css(E)}
).eq(a).fadeIn(q,function(){
	d(this).addClass(j).css(A);
	b.after();
	m=a}
)}
;
	b.random&&(f.sort(function(){
	return Math.round(Math.random())-0.5}
),e.empty().append(f));
	f.each(function(a){
	this.id=z+a}
);
	e.addClass(c+" "+g);
	h&&h.maxwidth&&e.css("max-width",r);
	f.hide().eq(0).addClass(j).css(A).show();
	if(1<f.size()){
	if(x<q+100)return;
	if(b.pager){
	var u=[];
	f.each(function(a){
	a=a+1;
	u=u+("<li><a href='#' class='"+z+a+"'>"+a+"</a></li>")}
);
	o.append(u);
	l=o.find("a");
	h.controls?d(b.controls).append(o):e.after(o);
	n=function(a){
	l.closest("li").removeClass(s).eq(a).addClass(s)}
}
b.auto&&(p=function(){
	k=setInterval(function(){
	var a=m+1<w?m+1:0;
	b.pager&&n(a);
	t(a)}
,x)}
,p());
	i=function(){
	if(b.auto){
	clearInterval(k);
	p()}
}
;
	b.pause&&e.hover(function(){
	clearInterval(k)}
,function(){
	i()}
);
	b.pager&&(l.bind("click",function(a){
	a.preventDefault();
	b.pauseControls||i();
	a=l.index(this);
	if(!(m===a||d("."+j+":animated").length)){
	n(a);
	t(a)}
}
).eq(0).closest("li").addClass(s),b.pauseControls&&l.hover(function(){
	clearInterval(k)}
,function(){
	i()}
));
	if(b.nav){
	c="<a href='#' class='"+y+" prev'>"+b.prevText+"</a><a href='#' class='"+y+" next'>"+b.nextText+"</a>";
	h.controls?d(b.controls).append(c):e.after(c);
	var c=d("."+g+"_nav"),B=d("."+g+"_nav.prev");
	c.bind("click",function(a){
	a.preventDefault();
	if(!d("."+j+":animated").length){
	var c=f.index(d("."+j)),a=c-1,c=c+1<w?m+1:0;
	t(d(this)[0]===B[0]?a:c);
	b.pager&&n(d(this)[0]===B[0]?a:c);
	b.pauseControls||i()}
}
);
	b.pauseControls&&c.hover(function(){
	clearInterval(k)}
,function(){
	i()}
)}
}
if("undefined"===typeof document.body.style.maxWidth&&h.maxwidth){
	var C=function(){
	e.css("width","100%");
	e.width()>r&&e.css("width",r)}
;
	C();
	d(D).bind("resize",function(){
	C()}
)}
}
)}
}
)(jQuery,this,0);
	$(function(){
	$(".f426x240").responsiveSlides({
	auto:true,pager:true,nav:true,speed:700,maxwidth:426}
);
	$(".f160x160").responsiveSlides({
	auto:true,pager:true,speed:700,maxwidth:160}
);
}
);
	

CSS代码(xixi.css):

*{padding:0;margin:0}
body{font-family:verdana,arial,tahoma;font-size:12px;color:#333}
img{border:0}
/* ����ͼ */
.focus{width:426px;height:240px;border:1px solid #EEE;position:relative;margin-top:6px;float:left}
.f426x240{width:426px;height:240px;overflow:hidden}
.f426x240 img{width:426px;height:240px}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0,.2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0,.6);background:#390}
附件:下载该文件资源,减少时间成本(增值服务)
留言
该资源可下载
File Source
.rar
195.72 KB
Html 焦点滚动特效1
最新结算
股权转让协议意向书模板
类型: .docx 金额: CNY 2.23¥ 状态: 待结算 详细>
股权转让协议意向书模板
类型: .docx 金额: CNY 0.28¥ 状态: 待结算 详细>
CSS3图片向上3D翻转渐隐消失特效
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
CSS3图片向上3D翻转渐隐消失特效
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
.net c# 将金额转人名币大写金额
类型: .rar 金额: CNY 2.39¥ 状态: 待结算 详细>
.net c# 将金额转人名币大写金额
类型: .rar 金额: CNY 0.3¥ 状态: 待结算 详细>
合伙退伙协议书范本模板
类型: .doc 金额: CNY 2.23¥ 状态: 待结算 详细>
合伙退伙协议书范本模板
类型: .doc 金额: CNY 0.28¥ 状态: 待结算 详细>
合伙退伙协议书范本模板
类型: .doc 金额: CNY 2.23¥ 状态: 待结算 详细>
合伙退伙协议书范本模板
类型: .doc 金额: CNY 0.28¥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害,或使用了您的版权,请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
联系我们
  • QQ:21499807
  • 邮箱:sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章