首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • CSS 让IE ff Opera同时支持Alpha透明

    CSS 让IE ff Opera同时支持Alpha透明

    IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数 (alpha(opacity))使用大于0小于100的数值,其实也是百分比)。
    2025-02-07
  • 浅谈移动端网页图片预加载方案

    浅谈移动端网页图片预加载方案

    由于公司业务需要,vue制作的网页需要连接智能家居的wifi,然而这种wifi是没有连接互联网的,仅用于手机与家居的对接。这样,就导致了网页在这种wifi下无法加载服务器上的图片。就此,针对vue单页面系统,我想出来3种方案。1.在上一页先
    2025-02-07
  • 再谈IE6之Fixed定位

    再谈IE6之Fixed定位

    众所周产于公元2002年、且当前为我国主流的IE6浏览器是不支持CSS2的静止定位属性fixed,蛋疼的前端工程师们为此发明了各种形式的解决方案:
    2025-02-07
  • 页面图片浮动左右滑动效果的简单实现案例

    页面图片浮动左右滑动效果的简单实现案例

    核心代码:1.css:16sucai.css复制代码代码如下:html,body {height: 100%;margin: 0px;padding: 0px;}a {outline: none;}img{ border:0;}a img
    2025-02-07
  • 网页制作中如何精确还原设计稿的几个步骤

    网页制作中如何精确还原设计稿的几个步骤

      作为一名合格的页面重构者,“网页还原设计稿”的能力是非常重要的。页面是否能与设计稿丝毫不差,是需要重点关注的。有的时候,细节就能决定成败,可谓失之毫米差之千里。尤其是在打造一个精品项目的时候。
    2025-02-07
  • HTML设为首页和加入收藏_动力节点Java学院整理

    HTML设为首页和加入收藏_动力节点Java学院整理

    IE浏览器下如何实现设为首页,加入收藏的功能解决思路:将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法,而将指定URL加入收藏夹的实现则是external对象的AddFavorite方法。具体步骤
    2025-02-07
  • 学会在适当的地方使用CSS新技术

    学会在适当的地方使用CSS新技术

    浏览器对于CSS的支持问题落后于CSS的发展,以占有市场绝对份额的Internet Explorer来说,直到其前不久发布的第8个版本才刚刚完成对CSS 2.1的完整支持,而CSS的最新进展是CSS 3规范的制定已经行了一大半。但是这并不妨碍我们使用CSS中的新技术。虽然我们不能像使用CSS中的通用技术那样随心所欲地应用他们,但是却可以在特定浏览器中达到更加生动的效果。在适当的地方使用这些新技术,不但可以让你站在CSS技术的最前沿,更可以使你的作品给人耳目一新的感觉。
    2025-02-07
  • 探究 canvas 绘图中撤销(undo)功能的实现方式详解

    探究 canvas 绘图中撤销(undo)功能的实现方式详解

    最近在做网页版图片处理相关的项目,也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道,在浏览器端实现图片添加水印功能,通常的做法就是使用 canvas的 drawImage方法。对于普通的合成(比如一张底图和一
    2025-02-07
  • IE6.0下PNG透明最简洁解决方案

    IE6.0下PNG透明最简洁解决方案

    因为本身会一些网页制作技术,所以很久前就听说过半透明的PNG文件在IE6下会有显示的问题,但由于一直没有自己的网站,也从来没有真正遇到过。 今年初开始做自己的网站。用了张带有透明部分的png图片做了网站LOGO,心想都什么年代了,不用考虑IE6了。某天下班回来打开Google Analytics后台,才发现IE6的访问量居然占去了总量的40%,吓了一跳,赶紧从网上下了绿色版的IE6测试自己的网站,果不其然,LOGO完全不透明。
    2025-02-07
  • 深入了解canvas在移动端绘制模糊的问题解决

    深入了解canvas在移动端绘制模糊的问题解决

    由于一些移动端的兼容性原因,我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决,我们采用了pdf.js这个插件,该插件可以将pdf转换成canvas绘制在页面上。不过,在测试过程中却发现,在移动端的浏览器上, 绘制
    2025-02-07
  • 增强网站易用性的10个设计技巧

    增强网站易用性的10个设计技巧

    易用性就是是你的网站对用户来说使用更简单,能够让用户在他需要的地方很快找到需要的信息。类比于Google所提倡的”让用户呆在Google的时间不短缩短“,对于网站来说,我们不是减少用户在网站的停留时间,而是缩短用户寻找关键信息和向导的时间。
    2025-02-07
  • 可插入图片的TEXT文本框

    可插入图片的TEXT文本框

    今天在做类似于qq那样的评论功能时,束手无策,在网上到处找答案,最后在一个很小很小的角落里受到了启发.认识了一个新的东西contenteditable.html代码如下:复制代码代码如下:<div id="guo" contentedita
    2025-02-07
  • html5应用缓存_动力节点Java学院整理

    html5应用缓存_动力节点Java学院整理

    什么是Application CacheHTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用。Application Cache带来的三个优
    2025-02-07
  • js特殊字符过滤的示例代码

    js特殊字符过滤的示例代码

    复制代码代码如下://匹配中文 数字 字母 下划线 var checkInput = function (str) {var pattern =var pattern = /^[/w/u4e00-/u9fa5]+$/gi;if(patter
    2025-02-07
  • 基于HTML5 WebGL的3D机房的示例

    基于HTML5 WebGL的3D机房的示例

    前言用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3D 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求,就拿来作为记录。效果图这个
    2025-02-07