首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • 按下Enter焦点移至下一个控件的实现js代码

    按下Enter焦点移至下一个控件的实现js代码

    复制代码代码如下: <html> <head> <title>Enter2Tab</title> <script type="text/javascript"> window.onload=function(){ var list = ne
    2025-01-18
  • JS中window.open全屏命令解析及使用示例

    JS中window.open全屏命令解析及使用示例

    一、代码示例 复制代码代码如下: window.open(url,'新窗口','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30)+
    2025-01-18
  • 移动端html5模拟长按事件的实现方法

    移动端html5模拟长按事件的实现方法

    为啥写这篇文章最近接了个需求,要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见,但是在移动端h5中,我们没有长按的事件,所以就需要自己模拟这个事件了。大概效果如下:ps: 为了做个gif还下了app,还得通过邮件发到
    2025-01-18
  • 详解左右宽度固定中间自适应html布局解决方案

    详解左右宽度固定中间自适应html布局解决方案

    本文介绍了详解左右宽度固定中间html">自适应html布局解决方案,分享给大家,具体如下:a.使用浮动布局html结构如下<div class=box> <div class=left>left</div> <div clas
    2025-01-18
  • HTML5 和小程序实现拍照图片旋转、压缩和上传功能

    HTML5 和小程序实现拍照图片旋转、压缩和上传功能

    原文地址:github.com/whinc/blog/…最近接到一个发表评论的需求:用户输入评论并且可以拍照或从相册选择图片上传,即支持图文评论。需要同时在 H5 和小程序两端实现,该需求处理图片的地方较多,本文对 H5 端的图片处理实践做
    2025-01-18
  • HTML5 视频播放(video),JavaScript控制视频的实例代码

    HTML5 视频播放(video),JavaScript控制视频的实例代码

    具体代码如下所示:<html lang=en><head><meta charset=UTF-8><title>Documenttitle><style>figcaption {text-align: center;line-height:
    2025-01-18
  • 利用javaScript实现点击输入框弹出窗体选择信息

    利用javaScript实现点击输入框弹出窗体选择信息

    在这里奉上源代码,没有做样式处理,不过功能是可以的,希望大家可以和我交流交流!复制代码代码如下:<html><head><title>点击弹出DIV选择信息</title><meta http-equiv="keywords" conten
    2025-01-18
  • javascript获取xml节点的最大值(实现代码)

    javascript获取xml节点的最大值(实现代码)

    假设现在当前时间为7000毫秒。当时间为3000--6000是去3000的值,当6000--9000时取6000的值,即取xml中小于当前时间的最大值xml文件,复制代码代码如下:<?xml version="1.0" encoding="
    2025-01-18
  • javascript弹出层输入框(示例代码)

    javascript弹出层输入框(示例代码)

    如下所示:复制代码代码如下:<script language="javascript" type="text/javascript"> function alertWin(title, msg, w, h) { var titleheigh
    2025-01-18
  • 深入理解javascript中defer的作用

    深入理解javascript中defer的作用

    很多人都已经把 Javascript的用的炉火纯青了,但见到defer未必就知道他是做什么用的;很多人也都遇到过这样的问题,需要直接执行别且操作DOM对象的js 总是报找不到对象的错误,原因大家也都知道就是页面还有没有加载完毕,js的操作对
    2025-01-18
  • 传统HTML页面实现模块化加载的方法

    传统HTML页面实现模块化加载的方法

    对于网站来说很多页面之间都有着大量的共享模块,如页头,页脚和用户栏等。对于具备后端视图引擎的框架来说这些共享都比较容易抽取,如asp.net mvc来说就有统一布局的MasterPage,@Section等功能可以共享视图模板功能。但对于H
    2025-01-18
  • 浅谈HTML5中dialog元素尝鲜

    浅谈HTML5中dialog元素尝鲜

    对话框(别称模态框,浮层)是web项目中用于用户交互的重要部分,我们最常见的就是js中 alert(),confirm(),但是这个对话框的不美观,也不能自定义样式,所以在开发的过程中,一般根据自己自己的需求造轮子或者使用第三方的。对话框的
    2025-01-18
  • canvas实现扭蛋机动画效果的示例代码

    canvas实现扭蛋机动画效果的示例代码

    转眼间,已经实习了两个月了,公司每个月都有个会员日的活动要做,这个月的任务是做一个扭蛋机抽奖的活动,数据什么的都有接口,那么前端剩下最大的任务就只剩下扭蛋机的动画实现了。背景本来兴高采烈地从网上找了一个扭蛋机动画,但是发现它是直接用css动
    2025-01-18
  • html5/css3响应式页面开发总结

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

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

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

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