经验分享程序开发文档资料数据资源其它资源

小米3发布官网jQuery焦点图轮播滚动切换特效代码

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

以下是 小米3发布官网jQuery焦点图轮播滚动切换特效代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:
整屏预览

部分效果截图:

小米3发布官网jQuery焦点图轮播滚动切换特效代码

HTML代码(index.html):

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>小米3发布官网jQuery焦点图</title>
    <link href="css/zzsc.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="js/jquery18.js"></script>
    <script type="text/javascript" src="js/slides.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#xmSlide").xmSlide({
                width: 950,
                height: 639,
                responsiveWidth: 710,
                pagination: {
                    effect: "fade"
                },
                effect: {
                    fade: {
                        speed: 400
                    }
                },
                play: {
                    effect: "fade",
                    interval: 5000,
                    auto: true,
                    pauseOnHover: true,
                    restartDelay: 2500
                }
            });
        });
    </script>
</head>
<body>
    <div class="focus">
        <div id="xmSlide" class="xmSlide">
            <div class="xmSlide_01"></div>
            <div class="xmSlide_02"></div>
            <div class="xmSlide_03"></div>
        </div>
        <div class="btn">
            <p>
                <a href="#" class="item1" target="_blank">了解小米3</a>
                <a href="#" class="item2" target="_blank">进入小米网</a><br />
                <span><a href="#" target="_blank">小米手机3视频>></a></span>
            </p>
        </div>
    </div>
</body>
</html>

JS代码(slides.js):

(function(){
	(function($,window,document){
	var Plugin,defaults,pluginName;
	pluginName = "xmSlide";
	defaults ={
	width:940,height:528,// add by Sivan responsiveWidth:960,start:1,navigation:{
	active:true,effect:"slide"}
,pagination:{
	active:true,effect:"slide"}
,play:{
	active:false,effect:"slide",interval:5000,auto:false,swap:true,pauseOnHover:false,restartDelay:2500}
,effect:{
	slide:{
	speed:500}
,fade:{
	speed:300,crossfade:true}
}
,callback:{
	loaded:function(){
}
,start:function(){
}
,complete:function(){
}
}
}
;
	Plugin = (function(){
	function Plugin(element,options){
	this.element = element;
	this.options = $.extend(true,{
}
,defaults,options);
	this._defaults = defaults;
	this._name = pluginName;
	this.init();
}
return Plugin;
}
)();
	Plugin.prototype.init = function(){
	var $element,nextButton,pagination,playButton,prevButton,stopButton,_this = this;
	$element = $(this.element);
	this.data = $.data(this);
	$.data(this,"animating",false);
	$.data(this,"total",$element.children().not(".xmSlide-navigation",$element).length);
	$.data(this,"current",this.options.start - 1);
	$.data(this,"vendorPrefix",this._getVendorPrefix());
	if (typeof TouchEvent !== "undefined"){
	$.data(this,"touch",true);
	this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
}
$element.css({
	overflow:"hidden"}
);
	$element.slidesContainer = $element.children().not(".xmSlide-navigation",$element).wrapAll("<div class='xmSlide-container'>",$element).parent().css({
	overflow:"hidden",position:"relative"}
);
	$(".xmSlide-container",$element).wrapInner("<div class='xmSlide-control'>",$element).children();
	$(".xmSlide-control",$element).css({
	position:"relative",left:0}
);
	$(".xmSlide-control",$element).children().addClass("xmSlide-slide").css({
	position:"absolute",top:0,left:0,width:"100%",zIndex:0,display:"none",webkitBackfaceVisibility:"hidden"}
);
	$.each($(".xmSlide-control",$element).children(),function(i){
	var $slide;
	$slide = $(this);
	return $slide.attr("xmSlide-index",i);
}
);
	if (this.data.touch){
	$(".xmSlide-control",$element).on("touchstart",function(e){
	return _this._touchstart(e);
}
);
	$(".xmSlide-control",$element).on("touchmove",function(e){
	return _this._touchmove(e);
}
);
	$(".xmSlide-control",$element).on("touchend",function(e){
	return _this._touchend(e);
}
);
}
$element.fadeIn(0);
	// add by Sivan // 初始化：为图片增加原始地址属性 data-src-orig $element.find('img').each(function (){
	$(this).attr('data-src-orig',$(this).attr('src'));
}
);
	this.update();
	if (this.data.touch){
	this._setuptouch();
}
$(".xmSlide-control",$element).children(":eq(" + this.data.current + ")").eq(0).fadeIn(0,function(){
	return $(this).css({
	zIndex:10}
);
}
);
	/*if (this.options.navigation.active){
	prevButton = $("<a>",{
	"class":"xmSlide-previous xmSlide-navigation icon-slides icon-slides-prev",href:"#",title:"Previous",text:"Previous"}
).appendTo($element);
	nextButton = $("<a>",{
	"class":"xmSlide-next xmSlide-navigation icon-slides icon-slides-next",href:"#",title:"Next",text:"Next"}
).appendTo($element);
}
*/
 $(".xmSlide-next",$element).click(function(e){
	e.preventDefault();
	_this.stop(true);
	return _this.next(_this.options.navigation.effect);
}
);
	$(".xmSlide-previous",$element).click(function(e){
	e.preventDefault();
	_this.stop(true);
	return _this.previous(_this.options.navigation.effect);
}
);
	if (this.options.play.active){
	/*playButton = $("<a>",{
	"class":"xmSlide-play xmSlide-navigation",href:"#",title:"Play",text:"Play"}
).appendTo($element);
	stopButton = $("<a>",{
	"class":"xmSlide-stop xmSlide-navigation",href:"#",title:"Stop",text:"Stop"}
).appendTo($element);
	*/
 playButton.click(function(e){
	e.preventDefault();
	return _this.play(true);
}
);
	stopButton.click(function(e){
	e.preventDefault();
	return _this.stop(true);
}
);
	if (this.options.play.swap){
	stopButton.css({
	display:"none"}
);
}
}
if (this.options.pagination.active){
	pagination = $("<ul>",{
	"class":"xmSlide-pagination"}
).appendTo($element);
	$.each(new Array(this.data.total),function(i){
	var paginationItem,paginationLink;
	paginationItem = $("<li>",{
	"class":"xmSlide-pagination-item"}
).appendTo(pagination);
	paginationLink = $("<a>",{
	href:"#","data-xmSlide-item":i,html:i + 1}
).appendTo(paginationItem);
	return paginationLink.click(function(e){
	e.preventDefault();
	_this.stop(true);
	return _this.goto(($(e.currentTarget).attr("data-xmSlide-item") * 1) + 1);
}
);
	//如果需要鼠标HOVER小图翻页 /*return paginationLink.hover(function(e){
	e.preventDefault();
	_this.stop(true);
	return _this.goto(($(e.currentTarget).attr("data-xmSlide-item") * 1) + 1);
}
,function(e){
}
)*/
}
);
}
//edit by jsonbeta /*$(window).bind("resize",function(){
	return _this.update();
}
);
	*/
 //edit by Sivan $(window).bind("resize",function(){
	return _this.update();
}
);
	this._setActive();
	if (this.options.play.auto){
	this.play();
}
return this.options.callback.loaded(this.options.start);
}
;
	Plugin.prototype._setActive = function(number){
	var $element,current;
	$element = $(this.element);
	this.data = $.data(this);
	current = number > -1 ? number:this.data.current;
	$(".active",$element).removeClass("active");
	return $(".xmSlide-pagination li:eq(" + current + ") a",$element).addClass("active");
}
;
	Plugin.prototype.update = function(){
	var $element,height,width;
	$element = $(this.element);
	this.data = $.data(this);
	$(".xmSlide-control",$element).children(":not(:eq(" + this.data.current + "))").css({
	display:"none",left:0,zIndex:0}
);
	/*width = $element.width();
	height = (this.options.height / this.options.width) * width;
	this.options.width = width;
	this.options.height = height;
	*/
 //edit by jsonbeta// width = this.options.width;
	// height = this.options.height;
	//edit by Sivan width = $element.width();
	this.options.width = width;
	height = this.options.height;
	if (width <= this.options.responsiveWidth){
	$element.find('img').each(function (){
	if ($(this).attr('data-src-r')){
	$(this).attr('src',$(this).attr('data-src-r'));
}
}
);
}
if (width > this.options.responsiveWidth){
	$element.find('img').each(function (){
	$(this).attr('src',$(this).attr('data-src-orig'));
}
);
}
return $(".xmSlide-control,.xmSlide-container",$element).css({
	width:width,height:height}
);
}
;
	Plugin.prototype.next = function(effect){
	var $element;
	$element = $(this.element);
	this.data = $.data(this);
	$.data(this,"direction","next");
	if (effect === void 0){
	effect = this.options.navigation.effect;
}
if (effect === "fade"){
	return this._fade();
}
else{
	return this._slide();
}
}
;
	Plugin.prototype.previous = function(effect){
	var $element;
	$element = $(this.element);
	this.data = $.data(this);
	$.data(this,"direction","previous");
	if (effect === void 0){
	effect = this.options.navigation.effect;
}
if (effect === "fade"){
	return this._fade();
}
else{
	return this._slide();
}
}
;
	Plugin.prototype.goto = function(number){
	var $element,effect;
	$element = $(this.element);
	this.data = $.data(this);
	if (effect === void 0){
	effect = this.options.pagination.effect;
}
if (number > this.data.total){
	number = this.data.total;
}
else if (number < 1){
	number = 1;
}
if (typeof number === "number"){
	if (effect === "fade"){
	return this._fade(number);
}
else{
	return this._slide(number);
}
}
else if (typeof number === "string"){
	if (number === "first"){
	if (effect === "fade"){
	return this._fade(0);
}
else{
	return this._slide(0);
}
}
else if (number === "last"){
	if (effect === "fade"){
	return this._fade(this.data.total);
}
else{
	return this._slide(this.data.total);
}
}
}
}
;
	Plugin.prototype._setuptouch = function(){
	var $element,next,previous,slidesControl;
	$element = $(this.element);
	this.data = $.data(this);
	slidesControl = $(".xmSlide-control",$element);
	next = this.data.current + 1;
	previous = this.data.current - 1;
	if (previous < 0){
	previous = this.data.total - 1;
}
if (next > this.data.total - 1){
	next = 0;
}
slidesControl.children(":eq(" + next + ")").css({
	display:"block",left:this.options.width}
);
	return slidesControl.children(":eq(" + previous + ")").css({
	display:"block",left:-this.options.width}
);
}
;
	Plugin.prototype._touchstart = function(e){
	var $element,touches;
	$element = $(this.element);
	this.data = $.data(this);
	touches = e.originalEvent.touches[0];
	this._setuptouch();
	$.data(this,"touchtimer",Number(new Date()));
	$.data(this,"touchstartx",touches.pageX);
	$.data(this,"touchstarty",touches.pageY);
	return e.stopPropagation();
}
;
	Plugin.prototype._touchend = function(e){
	var $element,duration,prefix,slidesControl,timing,touches,transform,_this = this;
	$element = $(this.element);
	this.data = $.data(this);
	touches = e.originalEvent.touches[0];
	slidesControl = $(".xmSlide-control",$element);
	if (slidesControl.position().left > this.options.width * 0.5 || slidesControl.position().left > this.options.width * 0.1 && (Number(new Date()) - this.data.touchtimer < 250)){
	$.data(this,"direction","previous");
	this._slide();
}
else if (slidesControl.position().left < -(this.options.width * 0.5) || slidesControl.position().left < -(this.options.width * 0.1) && (Number(new Date()) - this.data.touchtimer < 250)){
	$.data(this,"direction","next");
	this._slide();
}
else{
	prefix = this.data.vendorPrefix;
	transform = prefix + "Transform";
	duration = prefix + "TransitionDuration";
	timing = prefix + "TransitionTimingFunction";
	slidesControl[0].style[transform] = "translateX(0px)";
	slidesControl[0].style[duration] = this.options.effect.slide.speed * 0.85 + "ms";
}
slidesControl.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){
	prefix = _this.data.vendorPrefix;
	transform = prefix + "Transform";
	duration = prefix + "TransitionDuration";
	timing = prefix + "TransitionTimingFunction";
	slidesControl[0].style[transform] = "";
	slidesControl[0].style[duration] = "";
	return slidesControl[0].style[timing] = "";
}
);
	return e.stopPropagation();
}
;
	Plugin.prototype._touchmove = function(e){
	var $element,prefix,slidesControl,touches,transform;
	$element = $(this.element);
	this.data = $.data(this);
	touches = e.originalEvent.touches[0];
	prefix = this.data.vendorPrefix;
	slidesControl = $(".xmSlide-control",$element);
	transform = prefix + "Transform";
	$.data(this,"scrolling",Math.abs(touches.pageX - this.data.touchstartx) < Math.abs(touches.pageY - this.data.touchstarty));
	if (!this.data.animating && !this.data.scrolling){
	e.preventDefault();
	this._setuptouch();
	slidesControl[0].style[transform] = "translateX(" + (touches.pageX - this.data.touchstartx) + "px)";
}
return e.stopPropagation();
}
;
	Plugin.prototype.play = function(next){
	var $element,currentSlide,slidesContainer,_this = this;
	$element = $(this.element);
	this.data = $.data(this);
	if (!this.data.playInterval){
	if (next){
	currentSlide = this.data.current;
	this.data.direction = "next";
	if (this.options.play.effect === "fade"){
	this._fade();
}
else{
	this._slide();
}
}
$.data(this,"playInterval",setInterval((function(){
	currentSlide = _this.data.current;
	_this.data.direction = "next";
	if (_this.options.play.effect === "fade"){
	return _this._fade();
}
else{
	return _this._slide();
}
}
),this.options.play.interval));
	slidesContainer = $(/*".xmSlide-container",*/
$element);
	if (this.options.play.pauseOnHover){
	slidesContainer.unbind();
	slidesContainer.bind("mouseenter",function(){
	//$(".xmSlide-navigation",$element).show();
	return _this.stop();
}
);
	slidesContainer.bind("mouseleave",function(){
	//$(".xmSlide-navigation",$element).hide();
	//edit by jsonbeta /*if (_this.options.play.restartDelay){
	return $.data(_this,"restartDelay",setTimeout((function(){
	return _this.play(true);
}
),_this.options.play.restartDelay));
}
else{
	return _this.play();
}
*/
 return _this.play();
}
);
}
$.data(this,"playing",true);
	$(".xmSlide-play",$element).addClass("xmSlide-playing");
	if (this.options.play.swap){
	$(".xmSlide-play",$element).hide();
	return $(".xmSlide-stop",$element).show();
}
}
}
;
	Plugin.prototype.stop = function(clicked){
	var $element;
	$element = $(this.element);
	this.data = $.data(this);
	clearInterval(this.data.playInterval);
	if (this.options.play.pauseOnHover && clicked){
	$(".xmSlide-container",$element).unbind();
}
$.data(this,"playInterval",null);
	$.data(this,"playing",false);
	$(".xmSlide-play",$element).removeClass("xmSlide-playing");
	if (this.options.play.swap){
	$(".xmSlide-stop",$element).hide();
	return $(".xmSlide-play",$element).show();
}
}
;
	Plugin.prototype._slide = function(number){
	var $element,currentSlide,direction,duration,next,prefix,slidesControl,timing,transform,value,_this = this;
	$element = $(this.element);
	this.data = $.data(this);
	if (!this.data.animating && number !== this.data.current + 1){
	$.data(this,"animating",true);
	currentSlide = this.data.current;
	if (number > -1){
	number = number - 1;
	value = number > currentSlide ? 1:-1;
	direction = number > currentSlide ? -this.options.width:this.options.width;
	next = number;
}
else{
	value = this.data.direction === "next" ? 1:-1;
	direction = this.data.direction === "next" ? -this.options.width:this.options.width;
	next = currentSlide + value;
}
if (next === -1){
	next = this.data.total - 1;
}
if (next === this.data.total){
	next = 0;
}
this._setActive(next);
	slidesControl = $(".xmSlide-control",$element);
	if (number > -1){
	slidesControl.children(":not(:eq(" + currentSlide + "))").css({
	display:"none",left:0,zIndex:0}
);
}
slidesControl.children(":eq(" + next + ")").css({
	display:"block",left:value * this.options.width,zIndex:10}
);
	this.options.callback.start(currentSlide + 1);
	if (this.data.vendorPrefix){
	prefix = this.data.vendorPrefix;
	transform = prefix + "Transform";
	duration = prefix + "TransitionDuration";
	timing = prefix + "TransitionTimingFunction";
	slidesControl[0].style[transform] = "translateX(" + direction + "px)";
	slidesControl[0].style[duration] = this.options.effect.slide.speed + "ms";
	return slidesControl.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){
	slidesControl[0].style[transform] = "";
	slidesControl[0].style[duration] = "";
	slidesControl.children(":eq(" + next + ")").css({
	left:0}
);
	slidesControl.children(":eq(" + currentSlide + ")").css({
	display:"none",left:0,zIndex:0}
);
	$.data(_this,"current",next);
	$.data(_this,"animating",false);
	slidesControl.unbind("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");
	slidesControl.children(":not(:eq(" + next + "))").css({
	display:"none",left:0,zIndex:0}
);
	if (_this.data.touch){
	_this._setuptouch();
}
return _this.options.callback.complete(next + 1);
}
);
}
else{
	return slidesControl.stop().animate({
	left:direction}
,this.options.effect.slide.speed,(function(){
	slidesControl.css({
	left:0}
);
	slidesControl.children(":eq(" + next + ")").css({
	left:0}
);
	return slidesControl.children(":eq(" + currentSlide + ")").css({
	display:"none",left:0,zIndex:0}
,$.data(_this,"current",next),$.data(_this,"animating",false),_this.options.callback.complete(next + 1));
}
));
}
}
}
;
	Plugin.prototype._fade = function(number){
	var $element,currentSlide,next,slidesControl,value,_this = this;
	$element = $(this.element);
	this.data = $.data(this);
	if (!this.data.animating && number !== this.data.current + 1){
	$.data(this,"animating",true);
	currentSlide = this.data.current;
	if (number){
	number = number - 1;
	value = number > currentSlide ? 1:-1;
	next = number;
}
else{
	value = this.data.direction === "next" ? 1:-1;
	next = currentSlide + value;
}
if (next === -1){
	next = this.data.total - 1;
}
if (next === this.data.total){
	next = 0;
}
this._setActive(next);
	slidesControl = $(".xmSlide-control",$element);
	slidesControl.children(":eq(" + next + ")").css({
	display:"none",left:0,zIndex:10}
);
	this.options.callback.start(currentSlide + 1);
	if (this.options.effect.fade.crossfade){
	slidesControl.children(":eq(" + this.data.current + ")").stop().fadeOut(this.options.effect.fade.speed);
	return slidesControl.children(":eq(" + next + ")").stop().fadeIn(this.options.effect.fade.speed,(function(){
	slidesControl.children(":eq(" + next + ")").css({
	zIndex:0}
);
	$.data(_this,"animating",false);
	$.data(_this,"current",next);
	return _this.options.callback.complete(next + 1);
}
));
}
else{
	return slidesControl.children(":eq(" + currentSlide + ")").stop().fadeOut(this.options.effect.fade.speed,(function(){
	slidesControl.children(":eq(" + next + ")").stop().fadeIn(_this.options.effect.fade.speed,(function(){
	return slidesControl.children(":eq(" + next + ")").css({
	zIndex:10}
);
}
));
	$.data(_this,"animating",false);
	$.data(_this,"current",next);
	return _this.options.callback.complete(next + 1);
}
));
}
}
}
;
	Plugin.prototype._getVendorPrefix = function(){
	var body,i,style,transition,vendor;
	body = document.body || document.documentElement;
	style = body.style;
	transition = "transition";
	vendor = ["Moz","Webkit","Khtml","O","ms"];
	transition = transition.charAt(0).toUpperCase() + transition.substr(1);
	i = 0;
	while (i < vendor.length){
	if (typeof style[vendor[i] + transition] === "string"){
	return vendor[i];
}
i++;
}
return false;
}
;
	return $.fn[pluginName] = function(options){
	return this.each(function(){
	if (!$.data(this,"plugin_" + pluginName)){
	return $.data(this,"plugin_" + pluginName,new Plugin(this,options));
}
}
);
}
;
}
)(jQuery,window,document);
}
).call(this);

CSS代码(zzsc.css):

/*reset*/
body,h1,span,h3,h4,h5,h6,blockquote,p,pre,dl,dd,menu,ol,ul,caption,th,td,form,fieldset,legend,input,button,textarea,address{margin:0;padding:0}
h1,span,h3,h4,h5,h6{font-size:100%}
menu,ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}
fieldset,img{border:0}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
input,button,textarea,select{font-size:100%}
abbr[title]{border-bottom:1px dotted;cursor:help}
a{text-decoration:none}
body,input,button,textarea,select,option,optgroup{font:12px arial}
html,body{width:100%;height:100%;font-family:"微软雅黑","宋体","黑体",Arial;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
/*banner*/
.focus{height:730px;}
.xmSlide{background-color:#022c5e;}
.xmSlide_01{height:639px;background:url(../images/focus01.jpg) no-repeat center center;}
.xmSlide_02{height:639px;background:url(../images/focus02.jpg) no-repeat center center;}
.xmSlide_03{height:639px;background:url(../images/focus03.jpg) no-repeat center center;}
.xmSlide-pagination{background-color:#fff;padding-top:15px;text-align:center;}
.xmSlide-pagination li{display:inline-block;width:12px;height:12px;margin:0 5px;}
.xmSlide-pagination li a{display:inline-block;width:12px;height:12px;text-indent:-9999px;background-color:#ccd1d9;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden;}
.xmSlide-pagination li a.active{background-color:#656d78;}
.xmSlide-control{overflow:hidden;}
.btn{width:950px;position:absolute;left:50%;margin-left:-475px;top:0;z-index:9999;}
.btn span{display:block;text-align:right;padding-right:158px;}
.btn p{padding:410px 78px 0 0;text-align:right;}
.btn p a{width:133px;height:36px;display:inline-block;margin-right:10px;line-height:36px;font-size:14px;color:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.btn p a.item1{background-color:#ff9000;-webkit-box-shadow:0 2px rgba(13,47,88,.19);-moz-box-shadow:0 2px rgba(13,47,88,.19);box-shadow:0 2px rgba(13,47,88,.19);}
.btn p a.item2{background-color:#5e95e1;-webkit-box-shadow:0 2px rgba(13,47,88,.19);-moz-box-shadow:0 2px rgba(13,47,88,.19);box-shadow:0 2px rgba(13,47,88,.19);}
附件:下载该文件资源,减少时间成本(增值服务)
File Source
.rar
437.90 KB
立即下载(CNY 2.9￥)
打赏 收藏
分享
分享到QQ 分享到微博 微信扫一扫
留言
该资源可下载
File Source
.rar
437.90 KB
立即下载
沈婵
了解
打赏作者 鼓励作者
Html 焦点滚动特效2
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害，或使用了您的版权，请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
帮助中心
联系我们
  • QQ：21499807
  • 邮箱：sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章