魅族商城html模板,index.html

shexiang.png

商城

message.png

banner.png
banner.png
banner.png
banner.png

进入卖场zhuanxiangqu.png

进入卖场shangxin.png

  • %E5%9B%BE%E5%B1%82%2043.png

进入卖场Popularity.png

入场疯抢Popularity.png

进入卖场shangxin.png

  • %E5%9B%BE%E5%B1%82%2043.png

进入卖场HOT.png

$(function($){

$('.shangcheng').click(function(){

location.href="index.html";

});

$('.fenglei').click(function(){

location.href="html/classify02.html";

});

$('.gouwucheng').click(function(){

location.href="html/shoppingCart.html";

});

$('.wode').click(function(){

location.href="html/mine.html";

});

$('.span_three').click(function(){

location.href="html/messageList.html";

});

$('.market').click(function(){

location.href="html/classify02.html";

});

});

{{each list as v i}}

%7B%7Bv.imgUrl%7D%7D

{{v.title}}
{{v.content}}

{{/each}}

{{each list2 as v i}}

%7B%7Bv.myimg%7D%7D

{{v.mycontent}}

{{/each}}

{{each list as v i}}

%7B%7Bv.imgUrl%7D%7D

{{v.mytitle}}

{{/each}}

$(function(){

var swiper = new Swiper('.swiper-container',{

autoplay:1000,

scrollbarHide: false,

autoplayDisableOnInteraction : false,

loop: true,

paginationClickable :true,

pagination : '.swiper-pagination'

});

$.ajax({

url:"json/index.json",

type:"get",

success: function(data){

var str = template("temp",{list:data});

$('.article_one ul').html(str);

}

})

$.ajax({

url: "json/index-two.json",

type: "get",

success: function(data2){

//console.log(data2)

var str2 = template("temp2",{list2:data2});

//console.log(str2)

$('.article_three ul').html(str2);

}

})

$.ajax({

url: "json/index-three.json",

type: "get",

success: function(data){

console.log(data)

var str = template("temp3",{list:data});

console.log(str)

$('.article_four ul, .article_six ul').html(str);

}

})

$.ajax({

url: "json/index-four.json",

type: "get",

success: function(data){

console.log(data)

var str = template("temp3",{list:data});

console.log(str)

$('.article_six ul').html(str);

}

})

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
魅族官网是一个基于HTML和CSS开发的网站,它是魅族公司的官方网站,用于展示和推广魅族手机和其他产品。这个网站的设计简洁、新颖,页面布局合理。使用了大量的HTML和CSS特效,使得整个网站在用户体验和视觉效果上都十分出色。 首先,在页面布局上,魅族官网充分利用了HTML和CSS的灵活性,将各个版块分别排列在不同的区域,使得整体页面看起来清晰明了。主页顶部呈现魅族的logo和主要导航栏,用户可以通过这些导航栏快速找到他们想要了解的信息。 其次,在样式设计上,HTML和CSS的技术极大地提升了魅族官网的视觉效果。各个页面的配色搭配和字体选择非常考究,整体风格简洁大方。同时,通过CSS的动画效果和过渡效果,魅族官网的页面在用户操作时能够更加流畅地展示出各种特效,增加了用户的互动体验。 最后,在响应式设计上,魅族官网也充分利用了HTML和CSS的优势。无论是在电脑、平板还是手机上,用户都可以享受到魅族官网的良好浏览体验。通过使用CSS的媒体查询,魅族官网可以根据不同的屏幕尺寸做出相应的调整和适配,使得页面在不同设备上都能够完美展示。 总的来说,魅族官网是一个充分利用了HTML和CSS技术的优秀案例。通过合理的布局、精美的样式设计和响应式的适配,它为用户提供了一个美观、直观且流畅的浏览体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值