当前位置:错新网文章中心网站设计网页设计 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • Radio选项选中触发事件弹出输入框效果 [内容预览] 4 | 2017-07-25 09:53:39
    有的时候需要radio选项被选中后触发一系列的事件显示想要显示的东西,选中不同的选项触发不同的事件,下面介绍利用JS弹出不同的文本框效果。代码如下:<scriptlanguage="javascript">functions1(va){if(va=="0"){document.getElementById('a').s...

    [阅读全文]

  • canvas的神奇用法 [内容预览] 5 | 2017-07-25 09:53:28
    canvas有一个神奇的方法getImageData这个玩意。它可以获取canvas内图像的没一个像素点的颜色值获取,而且可以改变。如果你有各种滤镜的算法。那么用canvas就可以实现图片的滤镜转化,可以做成类似美图秀秀那样的功能。使用方法:1:先将图片导入画布。2:varcanvasData=context.getI...

    [阅读全文]

  • 微信小程序 详解页面跳转与返回并回传数据 [内容预览] 4 | 2017-07-25 09:53:05
    微信小程序详解页面跳转与返回并回传数据A页面:.wxml文件<viewclass="flex-wrp"><textstyle="width:32%;">选择城市</text><inputstyle="width:68%;"type="text"bindtap="city"placeholder="请选择城市"value...

    [阅读全文]

  • 微信小程序 this和that详解及简单实例 [内容预览] 2 | 2017-07-25 09:53:00
    微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报undefiend。原因是,在javascript中,this代表着当前对象,会随着程序的执行过程中的上下文改变,在wx...

    [阅读全文]

  • bootstrap table 数据表格行内修改的实现代码 [内容预览] 2 | 2017-07-25 09:52:54
    js中设置列的属性editable:{type:'text',//数据显示在文本框内emptytext:"--",//数据为空时显示validate:function(value){if($.trim(value)==''){return'不能为空';//修改是数据为空显示}}}js中设置bootstrop-table...

    [阅读全文]

  • [图文] Canvas实现动态的雪花效果 [内容预览] 5 | 2017-07-25 09:50:28
    效果如下:代码如下:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Canvas</title><styletype="text/css">*{margin:0;padding:0;}html,body{height:100%;}#myCanvas{backg...

    [阅读全文]

  • [图文] 微信小程序后台登录(非微信账号登录)实例 [内容预览] 0 | 2017-07-25 09:35:48
    微信小程序后台登录实现效果图:最近写了一个工具类的小程序,按需求要求不要微信提供的微信账号登录,需要调取后台登录接口来登录。由于小程序大部分都是调取微信信息登录,很少有调用自己后台来登录的,所以写的时候各种坑,现在把趟好坑的代码共享给大家吧!(PS:如有不妥之处,共勉之。)废话不说,直接上代码找到app.js在里面写如...

    [阅读全文]

  • text-indent首行缩进两个字符和图片缩进的问题 [内容预览] 4 | 2017-07-20 10:10:18
    段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。<styletype="text/css">p{text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/}</style>...

    [阅读全文]

  • 网站CSS默认全局样式代码 [内容预览] 3 | 2017-07-20 10:10:03
    body{font-size:12px;font-family:宋体,Arial;}body,div,p,h1,h2,h3,h4,h5,h6,ol,ul,li,table,tr,td,form,input,select,textarea{margin:0;padding:0;}ul,li,ol{list-style:n...

    [阅读全文]

  • CSS样式等比例控制图片大小 [内容预览] 1 | 2017-07-20 10:09:27
    比较简单,主要是用height:auto和max-width例如:img{max-width:600px;width:expression_r(this.width>600?"600px":this.width);height:auto}一、网页制作技巧实例解决:用CSS控制图片自适应大小图片自动适应大小是一个非常常用...

    [阅读全文]

  • [图文] css3加js做一个简单的3D行星运转效果实例代码 [内容预览] 3 | 2017-07-20 10:03:58
    附上一张效果图前几天在园子里看到一篇关于CSS3D行星运转的文章,感觉这个效果也太酷炫了,于是自己也就心血来潮的来尝试的做了一下。因为懒得去用什么插件了,于是就原生的JS写,效果有点粗超,还有一些地方处理的不是很好,如果有好的建议万望留言告知,不胜感谢。好了不说废话了,下面附上代码。HTML部分<divclass="p...

    [阅读全文]

  • [图文] 浏览器的User Agent Stylesheet解决方法 [内容预览] 4 | 2017-07-20 10:03:41
    大家通常看到一个没有带任何CSS样式文件的HTML却带有不错的样式,这是由于在W3C的HTML标准里,一些HTML标签自带一些CSS样式。不同的浏览器把实现这些HTML自带样式的模块称作UserAgentStylesheet。不同的浏览器实现的UserAgentStylesheet不一,但大部分都能遵循W3C的标准。个...

    [阅读全文]

  • 网站设计菜鸟得到的6个惨痛教训 [内容预览] 5 | 2017-06-06 09:57:12
    2007年,经济形势一片大好。每天有人发来两到三个网站开发的请求,我忙得不亦乐乎,简直快要跟不上客户要求的进度了。我觉得有必要扩大工作室规模,因此叫了我弟弟和一个朋友来,让他们和我一起做这个小生意。他们都没啥网站开发经验,但是我觉得快速培训一下他们就可以搞定了。接下来,我见了客户鲍勃。鲍勃是个很不错的家伙,他手上有一个...

    [阅读全文]

  • [组图] 回归体验——我喜欢网设计小结 [内容预览] 6 | 2017-06-02 08:37:27
    富媒体内容丰富的web时代,互联网已经是获取内容和收集内容的一个必然途径。通过图片、文章等等…的内容资源,如何能实现更好的收集与分享将变的更加重要。在每一位UGC用户贡献内容的同时,他们也在相互消费着其他的用户内容,基于兴趣内容的互动就这样产生了。依托于碎片化的内容收集,可以清晰的看到到我们的兴趣图谱。让...

    [阅读全文]

  • [组图] 论颜色在网页设计中的重要性 [内容预览] 5 | 2017-05-15 12:56:32
    你可能尚未意识到颜色在网页设计中的重要性。你可能觉得一个网站是绿色的,换成蓝色也行,反正无所谓。长期以来,我都在思考颜色在网页设计中的重要性,最近我才得出结论:颜色真能改变很多东西,并且能让读者感受不一样的东西。每种色调的背后都隐藏着某种心理效应,接下来我会深入探讨这个问题。使人兴奋的东西有很多。科学实验指出,使人兴奋...

    [阅读全文]

  • [组图] 网页设计趋势 [内容预览] 13 | 2017-05-04 08:59:39
    设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在。使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计,那么相信你很快会被时代遗弃。2011年不再属于单纯的华丽而是注重功能。新的一年或者未来十年的设计趋...

    [阅读全文]

  • [组图] 简化你的网页设计 [内容预览] 9 | 2017-04-25 17:47:34
    在设计领域中,很多人都认同应该简化设计,以便让相应的工作更好发挥作用,设计只是增强视觉的手段。随着网站建设技术的发展,在网页中实现复杂的功能不再是难事,网页中功能越来愈多,因此要在用户的浏览体验和网页设计的美观性中取得一个平衡点就显得非常重要。网页设计的简化法不同人对网页设计简化法会有不同的定义。一个简单的定义是将复杂...

    [阅读全文]

  • [组图] 网页设计中橙色系运用案例分析 [内容预览] 7 | 2017-04-21 20:21:44
    橙色又称之为橙黄或者是橘色,它的穿透力仅次于红色,色感较红色更暖。在网页设计中橙色是十分活泼的色彩,给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉,也是令人振奋的颜色。橙色在网页中的使用范围非常广泛,可以通过变换色调营造出不同分气氛,不仅仅能表现出青春活力,也能达到一个稳重的效果。橙色的波长居于红和黄之间,具有健康、富...

    [阅读全文]

  • [图文] 个性网页设计精讲,有风格有创意 [内容预览] 5 | 2017-04-13 08:38:18
    千篇一律的网站,真是令人厌恶。个性化的打造也越来越重要,以个人博客为例,一个清爽具有创意的个人博客更会受到读者们的喜爱,而创作一个有个性、创意的网页制作时,要先知道两个定律——网站建设的初衷决定了网站设计的方向;网站内容五花八门,定位不够明确,信息结构则将会决定网站结构以及网站创意。很多人都想创...

    [阅读全文]

  • [组图] 重新认识网页色彩 新科技新设计 [内容预览] 4 | 2017-04-13 08:37:42
    出色的网页设计总是会让用户留下深刻印象,一个出色的网页少不了出色的色彩搭配。如今时代不同,色彩的搭配定义也走向了个性化,多样化。但是,色彩的使用在网页设计中起到了很关键的作用,成功的网站往往运用了成功的色彩搭配。每个人都有自己对色彩的认识,有的人会认为蓝色色调的网站是清新的,绿色色调的网站是富有生机的,而红色是喜庆的。...

    [阅读全文]

  • 一个网页设计人的自白(2):兴趣帮你找到更多好老师 [内容预览] 6 | 2017-04-13 08:36:56
    各位亲们,大家好。我就是郭朋涛。面对现在很多网页设计初学者,遇到的各种问题,各种困惑。我想说一点,如果是兴趣使然,那么千万别轻言放弃。记得刚上大学的那一年是06年,也就是在这一年,我正式跟网页设计结缘。迷上网页设计,是一个偶然,一个机缘,或者说是命中注定。大学报到前的那个暑假,在家里看电视,清楚的记得,那是新闻会客厅节...

    [阅读全文]

  • [图文] 网页设计发展遇阻 需克服的三大难题 [内容预览] 5 | 2017-04-13 08:36:49
    很多人掌握了网页制作的技术,但是在网页设计上的要领还是需要提高。有人认为,色彩多,页面就丰富,设计得也越好。但事实并不是这样,特别对于初学者,要摆脱三个问题——首先,文字能见度过低;其次,网页缺乏主色调;网页色彩搭配冲击力过强使视觉疲惫。文字能见度过低,通俗的将也就是说色于色之间对比强度过低,超...

    [阅读全文]

  • [图文] VXPLO:网页交互设计的大升级 [内容预览] 25 | 2016-12-30 10:24:17
    当鼠标点到视频中出现的金发女郎身上,她的裙子与包上会显示其价格及购买场所——这款产品可以形成诸如此类的各种网页设计交互效果。文|夏宏在以往,一位设计师如果要在自己设计的网页上添加交互设计会非常麻烦:大量的交互代码,多种设备,还需要自己的作品同时支持IE浏览器6/7/8版本,设计师与程序员之间需要...

    [阅读全文]

  • [图文] 这5个网站设计的技巧,可以让你的销售额增加300% [内容预览] 15 | 2016-12-30 10:20:54
    本文来自国外科技博客Mashable,作者TOMWENTWORTH。【编者按】对于一家公司而言,企业网站虽然并非不可或缺,但绝对是极其重要的。但由于网站建设、网站运营等所需花费的金钱和精力,很多企业往往选择放弃这一推广途径。本文将为大家介绍几个低成本搭建营销型网站设计技巧。在如今的互联网时代,一个网站对于每个公司来说都...

    [阅读全文]

  • [图文] 响应式网页设计的快速教程(适合个人站点) [内容预览] 15 | 2016-12-28 09:32:26
    做过wap站、做过siteApp、做过第三方,也做过独立APP,现在又做了个自适应的模板。所谓“响应式网页设计(ResponsiveWebDesign)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。就是输入本站域名,手机、平板、PC端显示的效果不同的,但是URL确是相同的。...

    [阅读全文]

  • [图文] 电子商务网站设计分析三:登陆注册页设计 [内容预览] 12 | 2016-12-26 08:29:53
    电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新。精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是“请先注册或登录”,原本满满的购物欲和好心情有可能瞬间大打折扣。电商网站需要注册和登录才能执行购买流程虽然受到很大...

    [阅读全文]

  • [图文] 电子商务网站设计分析系列之二:首屏设计 [内容预览] 17 | 2016-12-26 08:29:51
    屏(abovethefold)是指不滚动web网页屏幕就能被用户看到的画面。世界著名的网页易用性专家尼尔森曾经有报告显示,首屏以上的关注度为80.3%,首屏以下的关注度仅有19.7%。这两个数据足以表明,首屏对每一个需要转化率的网站都很重要,尤其是电商网站。相关阅读:电子商务网站设计分析系列之一:首页导航在电子商务网站...

    [阅读全文]

  • [图文] 网页设计福利!30款超实用jQuery插件大合集 [内容预览] 29 | 2016-12-26 08:29:29
    互联网是一个神奇的东西,你在这里碰到臭味相投的朋友,发现世界各个角落的趣闻。最有意思的是,总有人能想到一些新奇古怪好玩有趣的点子,分享给整个世界,让我们的工作更轻松,让我们的生活更有意思。实际上jQuery就是这样诞生的,然后世界范围内许多著名的开发者开始制作出更多实用而好用的jQuery插件,它们不仅可以自由使用,而...

    [阅读全文]

  • [图文] 网页设计教程之背景中的他!她!它! [内容预览] 12 | 2016-12-26 08:29:25
    以人物肖像作为网页背景在国内的网页设计中并不多见,但却是国外网站很热衷的一件事情,这看似大胆并且冒险,实则能在无形中大大的提升网页的用户体验。笔者曾经在《图文搭配,网页不累》的案例中提到,视觉引导对于首次访问网站的用户非常重要。当用户来到一个完全陌生的页面,网站必须予以合理的引导,这样才能让用户有继续浏览点击的方向。人...

    [阅读全文]

  • [图文] 色彩搭配速成!3个实用方法全面搞定配色 [内容预览] 38 | 2016-12-24 09:06:18
    编者按:最值得收藏的色彩设计方法!色彩搭配是一门花样繁多的学问,但任天下奇招再多,独孤九剑总有破法,今天阿里的同学这篇色彩设计方法,仅有简单3大类,但囊括了众多顶尖的配色技巧,不可多得的集大成篇,别错过咯。为什么要整理设计色彩方法?在色彩设计应用中,我们对颜色不同程度的理解,影响到设计页面的表现,熟练地运用色彩搭配,设...

    [阅读全文]

 网页设计   3614   30   1/121页   首页   1   2   3   4   5         GO