
jq
YeSyinnng
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小米官网仿造(一)----Jquery
仿造了一个小米官网,分为几部分写了,最后进行拼凑。采用的是jquery。 大体如下: 其实并不难,但是熟练度并不高,导致编写有些慢。扒下来的网站图片尺寸,让我绝望了一下,因为对不齐哈哈哈,导致看起来好丑。然后默默微调。 主要注意以下几个点: (1)写网页的时候,注意效果,返工好麻烦 (2)图片改变的时候与小圆点的变化 (3)箭头点击时候的轮播效果 (4)布局 布局 (5)特效特效 代码:(截取了...原创 2019-01-10 23:03:06 · 3504 阅读 · 1 评论 -
小米官网仿造(二)--jQuery(头部轮播)
接上: 效果图 主要是实现轮播图效果,以及鼠标移入移除的效果 开始的时候 没有想到 jq的动态创建 html 如下 <div class="hender"> <div class="head"> <div class="w clearfix pr"> <ul class="headNav"&原创 2019-01-12 19:46:31 · 750 阅读 · 3 评论 -
小米官网仿造(三)--jQuery(抢购部分)
接上~ 效果图:是通过移动ul的移动来进行,但是倒计时没有进行事实的改变~ 最后的时候能够进行禁用箭头的点击效果 html代码 <div class="recommend"> <!-- reconmend部分开始 --> <div class="reconmend w clearfix"> <ul class="reco...原创 2019-01-12 19:50:03 · 739 阅读 · 3 评论 -
小米官网仿造(四)---jQuey
这是最后一个啦,这个界面先写到这里,等我把后面的学完,再来生成动态的网站,然后,我真的好好没有做codewars了。 现在就是各种列表了,放一些代码,因为很长~而且很像。这里是能够实现tab栏切换 部分代码: // 手机内容的脚本 $(function () { // 手机脚本的数组数据 var listArr = [{ intro: "新品", img: "....原创 2019-01-13 23:23:49 · 431 阅读 · 0 评论