- 博客(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关注的人