自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

转载 上下左右原地动画

$(document).ready(function(){  $("button").click(function(){    var div=$("div");    div.animate({height:'300px',opacity:'0.4'},"slow");    div.animate({width:'300px',opacity:'0.8'},"slow");

2017-09-11 22:16:06 595

转载 出现和隐藏

$(document).ready(function(){  $("button").click(function(){    $("div").animate({      height:'toggle'    });  });});  开始动画

2017-09-11 22:13:53 235

转载 向右移动放大后点击按钮可以继续放大

$(document).ready(function(){  $("button").click(function(){    $("div").animate({      left:'250px',      height:'+=150px',      width:'+=150px'    });  });});  开始动画

2017-09-11 22:12:19 232

转载 jQuery动画效果-向右移动放大

$(document).ready(function(){  $("button").click(function(){    $("div").animate({      left:'250px',      opacity:'0.5',      height:'150px',      width:'150px'    });  });}); 

2017-09-11 22:10:59 1423

转载 jQuery动画效果-向右移动

$(document).ready(function(){  $("button").click(function(){    $("div").animate({left:'250px'});  });});  开始动画

2017-09-11 22:09:21 3812

转载 好看的网站布局5

鲜明的色彩对比Capellos 所提供的产品是各种面点,从包装到网页设计都采用的是强对比的黑白色,搭配点缀的红色,整体散发出一种协调而鲜明的视觉效果,协调而对比强烈。40. 以字体排版为中心的设计高清大图往往会让用户忘记,以字体排版为重心的设计有多么美妙。精致的线条,别具一格的排版,精致的图片和独特的栅格,整个网站看起来像是一个高端的画廊。

2017-08-20 21:07:51 948

转载 好看的网站布局4

使用印刷式排版电商平台 Mr Porter 很容易让人联想到传统的报纸杂志排版,加粗的标题和正文对比明显,导航和页眉的设计让人容易想起传统的报纸页头,衬线体和非衬线体的搭配让网站很容易唤醒用户对于传统排版的浏览体验。35. 采用堆栈式界面堆栈式界面在iPad 的APP中非常常见,这种结构可以更好地组织树状结构的信息,而 Travel Albe

2017-08-20 21:06:55 1478

转载 好看的网站布局3

360度全景展示高端手包品牌 Bagigia 源自意大利,他们的网站会将产品以360度全景展示出来,让用户可以在网站上了解这些高端手包的全部细节。网站的配色方案更多的是配合这些产品的配色来进行调整的,目标非常明确。31. 稍加调整的经典栅格系统Diesel 基于传统的对称式栅格系统来展示他们的产品,不过他们在经典的栅格系统上稍稍做了点调整,覆

2017-08-20 21:05:47 299

转载 好看的网站布局2

高大上的俯拍图近年来俯拍图是营造网站设计感的流行手法之一。Munchery 作为一个美食类的网站,自然也不能落于人后,俯拍图不仅能呈现出美食的全貌,而且能够营造出整齐而优雅的质感。26. 用网站来补充配色时尚剃须刀品牌Harry的网站配色方案是参考他们的产品配色来做的,背景色会随着操作而改变,剃须刀本身的橙色、棕色和深蓝色也是贯穿整个网站设计

2017-08-20 21:04:57 609

转载 好看的网站布局

. 提供多级侧边栏相比于传统的顶部多级导航栏,侧边栏会让页面显得更加整齐易用。Carolina Herrera 的侧边栏设计则更有意思,它采用的是多级侧边栏,功能上不弱于前者,提升了浏览体验,而视觉上的效果则更加突出。22.无需跳转的购物车管理作为电商网站,编辑管理购物车是重要的功能之一。为了提升整体体验,Everlane 的设计师允许用

2017-08-20 21:03:13 5281

转载 web前端总结5

1、常用id的命名:(1)页面结构容器: container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center(2)导航

2017-08-20 20:55:52 321

转载 web前端总结4

三、命名规范使用有意义的或通用的ID和class命名:ID和class的命名应反映该元素的功能或使用通用名称,而不要用抽象的晦涩的命名。反映元素的使用目的是首选;使用通用名称代表该元素不表特定意义,与其同级元素无异,通常是用于辅助命名;使用功能性或通用的名称可以更适用于文档或模版变化的情况。/* 不推荐: 无意义 */ #yee-1901 {}/* 不推荐:

2017-08-20 20:54:35 198

转载 web前端知识总结3

2、文件引入可通过外联或内联方式引入。外联方式:(类型声明type=”text/css”可以省略)内联方式:(类型声明type=”text/css”可以省略)link和style标签都应该放入head中,原则上,不允许在html上直接写样式。避免在CSS中使用@import,嵌套不要超过一层。3、文件名、文件编码及文件大小文件名必须由小写字母、数字、

2017-08-20 20:53:13 182

转载 web前端知识总结2

CSS中不可继承的属性display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clearCSS优先级CSS优先级:ID选择

2017-08-20 20:49:46 219

转载 web前端知识要点总结1

一、web前端知识点(总结),转自达内著名UID讲师段惠勇老师。行内元素:a、b、span、img、input、strong、select、label、em、button、textarea块级元素:div、ul、ol 、li、dl、dt、dd、p、h1-h6、blockquote空元素:即系没有内容的HTML元素,例如:meta、link、br、hr、input、i

2017-08-20 20:47:12 197

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除