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" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/reset_v2.css">
<title>jQuery左侧图片+右侧说明焦点图</title>
</head>
<body>
<link href="/templets/skins/style/yulan.css" rel="stylesheet">
<div class="anythingSlider">
  <div class="tWrapper" style="overflow: hidden; ">
    <ul>
      <li>
        <dl>
          <dt><a href="#" title="表书Vol.3" target="_blank"><img width="490" height="390" src="images/1374202477_42647300.jpg" alt="表书Vol.3"></a></dt>
          <dd>
            <h3><a href="#" title="表书Vol.3" target="_blank">表书Vol.3<br>
              精雕细绘奢华时光</a></h3>
            <p class="hdx">是谁给腕表施展了魔法,用美丽记录每一秒指针的转动?是谁将时光幻化成永久不退色的奢华,镶嵌在腕表上,世世代代流传?高级制表的传奇工艺,为你...</p>
          </dd>
        </dl>
      </li>
      <li> 
        <dl>
          <dt><a href="#" title="OS7挑战极简主义" target="_blank"><img width="490" height="390" src="images/0_194.jpg" alt="OS7挑战极简主义"></a></dt>
          <dd>
            <h3><a href="#" title="OS7挑战极简主义" target="_blank">OS7挑战极简主义<br>
              扁平化风格来袭</a></h3>
            <p class="hdx">如今设计界最炙手可热的明星大概就是扁平化设计,关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营,一边努力把扁平化做到极致...</p>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><a href="#" title="摩登升级新宠" target="_blank"><img width="490" height="390" src="images/1374199734_87071800.jpg" alt="摩登升级新宠"></a></dt>
          <dd>
            <h3><a href="#" title="摩登升级新宠" target="_blank">摩登升级新宠<br>
              帅气阔腿裤盛夏随性穿</a></h3>
            <p class="hdx">轻薄和宽松款式的阔腿裤成为本季新宠。阔腿裤既凉爽又显瘦,阔腿裤不仅舒适有型更加突显时尚女人味,还能隐藏不完美的腿型,可谓一举三得。不管是...</p>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><a href="#" title="萧蔷素食养生" target="_blank"><img width="490" height="390" src="images/1374197513_59268900.jpg" alt="萧蔷素食养生"></a></dt>
          <dd>
            <h3><a href="#" title="萧蔷素食养生" target="_blank">萧蔷素食养生<br>
              健康素食有6大黄金原则</a></h3>
            <p class="hdx">7月16日晚,台湾第一美女萧蔷现身《一声所爱·大地飞歌》节目,节目过程中说起养生,萧蔷侃侃而谈。推崇素食主义的她从1992年就开始吃素了,素食养...</p>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><a href="#" title="生化病毒入侵" target="_blank"><img width="490" height="390" src="images/1374197599_50504300.jpg" alt="生化病毒入侵"></a></dt>
          <dd>
            <h3><a href="#" title="生化病毒入侵" target="_blank">生化病毒入侵<br>
              僵尸类手机游戏专辑</a></h3>
            <p class="hdx">或许是迎合大家的口味,各种各样的僵尸电影,游戏层出不穷,而且好都很火热。僵尸这个被我们打来打去的角色...</p>
          </dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><a href="#" title="多彩腕表推荐" target="_blank"><img width="490" height="390" src="images/1374198975_32948800.jpg" alt="多彩腕表推荐"></a></dt>
          <dd>
            <h3><a href="#" title="多彩腕表推荐" target="_blank">多彩腕表推荐<br>
              扮靓夏日玩味腕间色彩</a></h3>
            <p class="hdx">夏季的明媚日光让人们欢欣雀跃。挑动腕间色彩,给腕表一种新风味。...</p>
          </dd>
        </dl>
      </li>
      <li> 
        <dl>
          <dt><a href="#" title="是不会穿还是没穿对" target="_blank"><img width="490" height="390" src="images/0_186.jpg" alt="是不会穿还是没穿对"></a></dt>
          <dd>
            <h3><a href="#" title="是不会穿还是没穿对" target="_blank">是不会穿还是没穿对<br>
              时尚型男挑选西服的秘密</a></h3>
            <p class="hdx">西装本是属于欧洲人的服饰,虽然现在随着各种各样的正式场合的增多,国人穿西装的机会和频率不断增加,但是对于依照你的身材挑选西装国人们却是一头雾水...</p>
          </dd>
        </dl>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript" src="js/index_v3_a1.js"></script>
</body>
</html>

JS代码(index_v3_a1.js):

// JavaScript DocumentjQuery.extend(jQuery.easing,{
	easeInQuad:function(x,t,b,c,d){
	return c*(t/=d)*t+b}
,easeOutQuad:function(x,t,b,c,d){
	return-c*(t/=d)*(t-2)+b}
,easeInOutQuad:function(x,t,b,c,d){
	if((t/=d/2)<1)return c/2*t*t+b;
	return-c/2*((--t)*(t-2)-1)+b}
,easeInCubic:function(x,t,b,c,d){
	return c*(t/=d)*t*t+b}
,easeOutCubic:function(x,t,b,c,d){
	return c*((t=t/d-1)*t*t+1)+b}
,easeInOutCubic:function(x,t,b,c,d){
	if((t/=d/2)<1)return c/2*t*t*t+b;
	return c/2*((t-=2)*t*t+2)+b}
,easeInQuart:function(x,t,b,c,d){
	return c*(t/=d)*t*t*t+b}
,easeOutQuart:function(x,t,b,c,d){
	return-c*((t=t/d-1)*t*t*t-1)+b}
,easeInOutQuart:function(x,t,b,c,d){
	if((t/=d/2)<1)return c/2*t*t*t*t+b;
	return-c/2*((t-=2)*t*t*t-2)+b}
,easeInQuint:function(x,t,b,c,d){
	return c*(t/=d)*t*t*t*t+b}
,easeOutQuint:function(x,t,b,c,d){
	return c*((t=t/d-1)*t*t*t*t+1)+b}
,easeInOutQuint:function(x,t,b,c,d){
	if((t/=d/2)<1)return c/2*t*t*t*t*t+b;
	return c/2*((t-=2)*t*t*t*t+2)+b}
,easeInSine:function(x,t,b,c,d){
	return-c*Math.cos(t/d*(Math.PI/2))+c+b}
,easeOutSine:function(x,t,b,c,d){
	return c*Math.sin(t/d*(Math.PI/2))+b}
,easeInOutSine:function(x,t,b,c,d){
	return-c/2*(Math.cos(Math.PI*t/d)-1)+b}
,easeInExpo:function(x,t,b,c,d){
	return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b}
,easeOutExpo:function(x,t,b,c,d){
	return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b}
,easeInOutExpo:function(x,t,b,c,d){
	if(t==0)return b;
	if(t==d)return b+c;
	if((t/=d/2)<1)return c/2*Math.pow(2,10*(t-1))+b;
	return c/2*(-Math.pow(2,-10*--t)+2)+b}
,easeInCirc:function(x,t,b,c,d){
	return-c*(Math.sqrt(1-(t/=d)*t)-1)+b}
,easeOutCirc:function(x,t,b,c,d){
	return c*Math.sqrt(1-(t=t/d-1)*t)+b}
,easeInOutCirc:function(x,t,b,c,d){
	if((t/=d/2)<1)return-c/2*(Math.sqrt(1-t*t)-1)+b;
	return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b}
,easeInElastic:function(x,t,b,c,d){
	var s=1.70158;
	var p=0;
	var a=c;
	if(t==0)return b;
	if((t/=d)==1)return b+c;
	if(!p)p=d*.3;
	if(a<Math.abs(c)){
	a=c;
	var s=p/4}
else var s=p/(2*Math.PI)*Math.asin(c/a);
	return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b}
,easeOutElastic:function(x,t,b,c,d){
	var s=1.70158;
	var p=0;
	var a=c;
	if(t==0)return b;
	if((t/=d)==1)return b+c;
	if(!p)p=d*.3;
	if(a<Math.abs(c)){
	a=c;
	var s=p/4}
else var s=p/(2*Math.PI)*Math.asin(c/a);
	return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b}
,easeInOutElastic:function(x,t,b,c,d){
	var s=1.70158;
	var p=0;
	var a=c;
	if(t==0)return b;
	if((t/=d/2)==2)return b+c;
	if(!p)p=d*(.3*1.5);
	if(a<Math.abs(c)){
	a=c;
	var s=p/4}
else var s=p/(2*Math.PI)*Math.asin(c/a);
	if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;
	return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b}
,easeInBack:function(x,t,b,c,d,s){
	if(s==undefined)s=1.70158;
	return c*(t/=d)*t*((s+1)*t-s)+b}
,easeOutBack:function(x,t,b,c,d,s){
	if(s==undefined)s=1.70158;
	return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b}
,easeInOutBack:function(x,t,b,c,d,s){
	if(s==undefined)s=1.70158;
	if((t/=d/2)<1)return c/2*(t*t*(((s*=(1.525))+1)*t-s))+b;
	return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b}
,easeInBounce:function(x,t,b,c,d){
	return c-jQuery.easing.easeOutBounce(x,d-t,0,c,d)+b}
,easeOutBounce:function(x,t,b,c,d){
	if((t/=d)<(1/2.75)){
	return c*(7.5625*t*t)+b}
else if(t<(2/2.75)){
	return c*(7.5625*(t-=(1.5/2.75))*t+.75)+b}
else if(t<(2.5/2.75)){
	return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b}
else{
	return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b}
}
,easeInOutBounce:function(x,t,b,c,d){
	if(t<d/2)return jQuery.easing.easeInBounce(x,t*2,0,c,d)*.5+b;
	return jQuery.easing.easeOutBounce(x,t*2-d,0,c,d)*.5+c*.5+b}
}
);
	(function($){
	$.anythingSlider = function(el,options){
	var base = this;
	base.$el = $(el);
	base.el = el;
	base.currentPage = 1;
	base.timer = null;
	base.playing = false;
	base.$el.data("AnythingSlider",base);
	base.init = function(){
	base.options = $.extend({
}
,$.anythingSlider.defaults,options);
	base.$tWrapper = base.$el.find('> div').css('overflow','hidden');
	base.$slider = base.$tWrapper.find('> ul');
	base.$items = base.$slider.find('> li');
	base.$single = base.$items.filter(':first');
	if(base.options.buildNavigation) base.buildNavigation();
	base.singleWidth = base.$single.outerWidth();
	base.pages = base.$items.length;
	base.$items.filter(':first').before(base.$items.filter(':last').clone().addClass('cloned'));
	base.$items.filter(':last' ).after(base.$items.filter(':first').clone().addClass('cloned'));
	base.$items = base.$slider.find('> li');
	base.buildNextBackButtons();
	if(base.options.autoPlay){
	base.playing = !base.options.startStopped;
	base.buildAutoPlay();
}
;
	if(base.options.pauseOnHover){
	base.$el.hover(function(){
	base.clearTimer();
}
,function(){
	base.startStop(base.playing);
}
);
}
if((base.options.hashTags == true && !base.gotoHash()) || base.options.hashTags == false){
	base.setCurrentPage(1);
}
;
}
;
	base.gotoPage = function(page,autoplay){
	if(autoplay !== true) autoplay = false;
	if(!autoplay) base.startStop(false);
	if(typeof(page) == "undefined" || page == null){
	page = 1;
	base.setCurrentPage(1);
}
;
	if(page > base.pages + 1) page = base.pages;
	if(page < 0 ) page = 1;
	var dir = page < base.currentPage ? -1:1,n = Math.abs(base.currentPage - page),left = base.singleWidth * dir * n;
	base.$tWrapper.filter(':not(:animated)').animate({
	scrollLeft:'+=' + left}
,base.options.animationTime,base.options.easing,function (){
	if (page == 0){
	base.$tWrapper.scrollLeft(base.singleWidth * base.pages);
	page = base.pages;
}
else if (page > base.pages){
	base.$tWrapper.scrollLeft(base.singleWidth);
	page = 1;
}
;
	base.setCurrentPage(page);
}
);
}
;
	base.setCurrentPage = function(page,move){
	if(base.options.buildNavigation){
	base.$nav.find('.cur').removeClass('cur');
	$(base.$navLinks[page - 1]).addClass('cur');
}
;
	if(move !== false) base.$tWrapper.scrollLeft(base.singleWidth * page);
	base.currentPage = page;
}
;
	base.goForward = function(autoplay){
	if(autoplay !== true) autoplay = true;
	base.gotoPage(base.currentPage + 1,autoplay);
}
;
	base.goBack = function(autoplay){
	if(autoplay !== true) autoplay = true;
	base.gotoPage(base.currentPage - 1,autoplay);
}
;
	base.gotoHash = function(){
	if(/^#?panel-\d+$/.test(window.location.hash)){
	var index = parseInt(window.location.hash.substr(7));
	var $item = base.$items.filter(':eq(' + index + ')');
	if($item.length != 0){
	base.setCurrentPage(index);
	return true;
}
;
}
;
	return false;
}
;
	base.buildNavigation = function(){
	base.$nav = $("<div id='thumbNav'></div>").appendTo(base.$el);
	base.$items.each(function(i,el){
	var index = i + 1;
	var $a = $("<a href='#'></a>");
	$a.click(function(e){
	autoplay = true;
	base.gotoPage(index,autoplay);
	e.preventDefault();
}
);
	base.$nav.append($a);
}
);
	base.$navLinks = base.$nav.find('> a');
}
;
	base.buildNextBackButtons = function(){
	var $forward = $('<a class="arrow forward" style="display:none;
	"><div></div></a>'),$back = $('<a class="arrow back" style="display:none;
	"><div></div></a>');
	$back.click(function(e){
	base.goBack();
	e.preventDefault();
}
);
	$forward.click(function(e){
	base.goForward();
	e.preventDefault();
}
);
	base.$tWrapper.after($back).after($forward);
}
;
	base.buildAutoPlay = function(){
	base.$startStop = $("<a href='#' id='start-stop' style='display:none;
	'></a>").html(base.playing ? base.options.stopText:base.options.startText);
	base.$el.append(base.$startStop);
	base.$startStop.click(function(e){
	base.startStop(!base.playing);
	e.preventDefault();
}
);
	base.startStop(base.playing);
}
;
	base.startStop = function(playing){
	if(playing !== true) playing = false;
	base.playing = playing;
	if(base.options.autoPlay) base.$startStop.toggleClass("playing",playing).html( playing ? base.options.stopText:base.options.startText );
	if(playing){
	base.clearTimer();
	base.timer = window.setInterval(function(){
	base.goForward(true);
}
,base.options.delay);
}
else{
	base.clearTimer();
}
;
}
;
	base.clearTimer = function(){
	if(base.timer) window.clearInterval(base.timer);
}
;
	base.setHash = function ( hash ){
	if ( typeof window.location.hash !== 'undefined' ){
	if ( window.location.hash !== hash ){
	window.location.hash = hash;
}
;
}
else if ( location.hash !== hash ){
	location.hash = hash;
}
;
	return hash;
}
;
	base.init();
}
;
	$.anythingSlider.defaults ={
	easing:"swing",autoPlay:true,startStopped:false,delay:3000,animationTime:600,hashTags:true,buildNavigation:true,pauseOnHover:true,startText:"",stopText:"",navigationFormatter:null}
;
	$.fn.anythingSlider = function(options){
	if(typeof(options) == "object"){
	return this.each(function(i){
	(new $.anythingSlider(this,options));
	options.hashTags = false;
}
);
}
else if (typeof(options) == "number"){
	return this.each(function(i){
	var anySlide = $(this).data('AnythingSlider');
	if(anySlide){
	anySlide.gotoPage(options);
}
}
);
}
}
;
}
)(jQuery);
	function formatText(index,panel){
	return index + "";
}
$(function (){
	$('.anythingSlider').anythingSlider({
	easing:"easeInOutExpo",autoPlay:true,delay:3000,startStopped:false,animationTime:500,hashTags:true,buildNavigation:true,pauseOnHover:true,navigationFormatter:formatText}
);
	$("#slide-jump").click(function(){
	$('.anythingSlider').anythingSlider(6);
}
);
}
);
	$(document).ready(function(e){
	$(".anythingSlider").mouseover(function(){
	$(".forward").show();
	$(".back").show();
}
);
	$(".anythingSlider").mouseout(function(){
	$(".forward").hide();
	$(".back").hide();
}
);
}
);
	//�õƽ���

CSS代码(reset_v2.css):

@charset "gb2312";/* CSS Document */
body{font-family:"����","΢���ź�","Arial Narrow";font-size:12px;line-height:22px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
img{border:0;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
ol,ul{list-style:none;}
.both{clear:both;}
.cleardiv{height:0;line-height:0;font-size:0;clear:both;zoom:1;overflow:hidden;visibility:hidden;width:100%;display:block;}
b{height:0;line-height:0;font-size:0;clear:both;zoom:1;overflow:hidden;visibility:hidden;width:100%;display:block;}
/** *���ñ�����ɫ*/
.bgFFF{background:#FFF}
.bgF00{background:#F00;}
.bg000{background:#000;}
/** *���ø���*/
.fl{float:left;}
.fr{float:right;}
.fld{float:left;_display:inline;}
.frd{float:right;_display:inline;}
/** *������������*/
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fw{font-weight:bold;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.ti{text-indent:2em;}
/** *span�鼶��*/
.db{display:block;}
.dbt{display:block;text-indent:-9999px;}
/** *���÷���*/
.ul2 li{width:49.5%;float:left;}
.ul3 li{width:33.2%;float:left;}
.ul4 li{width:24.9%;float:left;}
/** *����ͼ�IJ���*/
dl.dl{overflow:hidden;zoom:1;}
dl.dl dt,dl.dl dd{overflow:hidden;zoom:1;}
dl.dl dt{float:left;_display:inline;}
dl.dl dd{float:right;_display:inline}
/** *ͷ������*/
a{text-decoration:none;}
.Pa1{padding-top:10px;}
.mar1{margin-left:9px;_display:inline}
/*�õ�*/
.anythingSlider{width:690px;height:390px;position:relative;overflow:hidden;margin:30px auto;}
.anythingSlider .tWrapper{width:690px;height:390px;margin:0 0px;position:absolute;top:0;left:0;background:#fff;}
.anythingSlider .tWrapper ul{width:99999px;height:407px;list-style:none;position:absolute;top:0;left:0;margin:0;}
.anythingSlider ul li{display:block;float:left;padding:0;height:390px;width:690px;}
.anythingSlider .arrow{display:block;height:60px;width:60px;position:absolute;cursor:pointer;z-index:100;}
.anythingSlider .arrow div{background:url(../images/t_btnp.png) no-repeat;height:60px;width:60px;}
.anythingSlider .forward{left:420px;top:165px;}
.anythingSlider .back{left:10px;top:165px;}
.anythingSlider .forward div{background-position:-143px -97px;}
.anythingSlider .back div{background-position:0 -97px;}
.anythingSlider .forward:hover div{background-position:-143px 0;}
.anythingSlider .back:hover div{background-position:0 0;}
.anythingSlider ul li dl{width:690px;height:390px;}
.tWrapper ul li dl dt{width:490px;height:390px;overflow:hidden;float:left;}
.tWrapper ul li dl dd{width:180px;padding:10px;z-index:10;display:block;height:370px;float:right;background:url(../images/t_ftb.gif) no-repeat 0 0;}
.tWrapper ul li dl dd h3{line-height:25px;padding:5px 0 10px 0;font-weight:normal;font-size:14px;border-bottom:1px dashed #555;}
.tWrapper ul li dl dd p.hdx{color:#999;padding-top:8px;line-height:22px;}
.tWrapper ul li dl dd a{color:#fff;}
.tWrapper ul li dl dd a:hover{color:#fff;text-decoration:underline;}
#thumbNav{position:absolute;top:365px;right:5px;height:13px;z-index:500;}
#thumbNav a,#thumbNav a:hover{cursor:pointer;overflow:hidden;float:left;display:inline-block;width:13px;height:13px;margin-right:6px;background:url(../images/t_btnp.png) no-repeat 0px -186px;_background:url(../images/t_ftb.gif) no-repeat -138px -466px;font-size:16px;font-family:"Verdana";display:inline-block;}
#thumbNav a.cur{color:#fff;background:url(../images/t_btnp.png) no-repeat -21px -186px;_background:url(../images/t_ftb.gif) no-repeat -138px -481px;}
附件:下载该文件资源,减少时间成本(增值服务)
留言
该资源可下载
File Source
.rar
438.33 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
打赏文章