首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • html5/css3响应式页面开发总结

    html5/css3响应式页面开发总结

    一,自适应和响应式的区别自适应是一套模板适应所有终端,但每种设备上看到的版式是一样的,俗称宽度自适应。响应式一套模板适应所有终端,但每种设备看到的版式可以是不一样的。虽然响应式/自适应网页设计会带来兼容各种设备工作量大、代码累赘、加载时间长
    2025-01-18
  • javascript修改表格背景色实例代码分享

    javascript修改表格背景色实例代码分享

    复制代码代码如下:<html> <script> //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.get
    2025-01-18
  • javascript中文本框中输入法切换的问题

    javascript中文本框中输入法切换的问题

    可以通过设置ime-mode在页面输入控件中关闭输入法希望关闭输入法:< input style ="ime-mode:disabled" > 希望使用当前输入法:<input style="ime-mode:active"> 当某个文本域
    2025-01-18
  • javascript 数字格式化输出的实现代码

    javascript 数字格式化输出的实现代码

    复制代码代码如下:<script type="text/javascript">var format = function (number, form) {var forms = form.split('.'), number = '' +
    2025-01-18
  • 教你如何一步一步用Canvas写一个贪吃蛇

    教你如何一步一步用Canvas写一个贪吃蛇

    之前在慕课网看了几集Canvas的视频,一直想着写点东西练练手。感觉贪吃蛇算是比较简单的了,当年大学的时候还写过C语言字符版的,没想到还是遇到了很多问题。最终效果如下(图太大的话 时间太长 录制gif的软件有时限…)首先定义游戏区域。贪吃蛇
    2025-01-18
  • 详解rem 适配布局

    详解rem 适配布局

    当今手机种类繁多 且不说iphone系列,安卓手机的种类已经数不胜数了,所以不可能每一款手机都要写一套布局样式,这也是不可能做到的,但是对于越来越精益求精的前端来说 ,当然要找到一个合理的解决方案。rem 就是用来自适应布局的。适配要达到的
    2025-01-18
  • ExtJS的拖拽效果示例

    ExtJS的拖拽效果示例

    复制代码代码如下: <html> <head> <title>hello</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link re
    2025-01-18
  • 用Javascript获取页面元素的具体位置

    用Javascript获取页面元素的具体位置

    制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页的大小和浏览器窗口的大小 首先,要明确两个基本概念。 一张网页的全部面积,就是它的大小。通常情况下,网页
    2025-01-18
  • JavaScript―window对象使用示例

    JavaScript―window对象使用示例

    window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1 打开新窗口 复制代码代码如下: window.open(pageURL,name,parameters) 其中: pageURL为子窗口路径 n
    2025-01-18
  • html5 postMessage前端跨域并前端监听的方法示例

    html5 postMessage前端跨域并前端监听的方法示例

    有时候会遇到傻X需求,比如前端单点登陆!遇到需求,就要去想解决办法,这里我给大家做一个简单的前端单点登陆的解决方案,用到的就是postMessage跨域信息传输以及onstorage的监听。本文用到的知识点 koa架设静态资源服务、跨域、p
    2025-01-18
  • 使用HTML5 IndexDB存储图像和文件的示例

    使用HTML5 IndexDB存储图像和文件的示例

    有一天,我们写了关于如何在localStorage中保存图像和文件的文章,它是关于我们今天可用的实用主义。 然而,localStorage有一些性能影响 - 我们将在稍后的博客中讨论这个问题 - 并且未来期望的方法是使用IndexedDB。
    2025-01-18
  • 深入理解JavaScript中的传值与传引用

    深入理解JavaScript中的传值与传引用

    1.传值(by value)变量的值被复制出一份,与原来的值将不相干,也就是说即使新的值被修改,原来的值也不会改变,在JavaScript中基本类型都是传值的.复制代码代码如下:function testPassValue(){var m=
    2025-01-18
  • html中表单提交的实现

    html中表单提交的实现

    表单提交代码1、源代码分析<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-wid
    2025-01-18
  • canvas拼图功能实现代码示例

    canvas拼图功能实现代码示例

    最近做项目的时候遇到照片拼图的功能,便在这里分享自己的封装的canvas拼图功能,可能代码写的不好,如果有疑问或者是有更好的方法的,可以私聊我,或者是评论指出,感谢各位实现的思路其实挺简单的,主要是通过服务端获取图片链接,图片宽度,图片高度
    2025-01-18
  • 使用HTML截图并保存为本地图片的实现代码

    使用HTML截图并保存为本地图片的实现代码

    具体代码如下所示:<!DOCTYPE html><html> <head> <meta charset=UTF-8> <title>html2canvas_download</title> <
    2025-01-18