首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • 基于HTML5 Canvas 实现弹出框效果

    基于HTML5 Canvas 实现弹出框效果

    用户鼠标移入时，有弹出框出现，这样的需求很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas
    2025-02-01
  • HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    Html5新增的canvas是个强大的功能， 估计大家平时都会用到，只是频率不高，偶尔用它合成图片，但是如果不进行封装的话，代码会很乱，所以对canvas常用的画图、绘制文字、保存功能进行了封装，目前还比较满意，能够快速完成canvas绘图
    2025-02-01
  • JS实现根据出生年月计算年龄

    JS实现根据出生年月计算年龄

    复制代码代码如下:<script language=javascript> function ages(str) { var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/); i
    2025-02-01
  • js获取光标位置和设置文本框光标位置示例代码

    js获取光标位置和设置文本框光标位置示例代码

    复制代码代码如下:<script type="text/javascript">function getTxt1CursorPosition(){var oTxt1 = document.getElementById("txt1");var
    2025-02-01
  • html5手机端页面可以向右滑动导致样式受影响的问题

    html5手机端页面可以向右滑动导致样式受影响的问题

    问题描述发现写的h5页面在手机端可以向右滑动，导致样式出现问题～问题排查原因一：没有进行移动端适配在html头部添加以下内容：<meta name=viewport content=width=device-width,initial-sc
    2025-02-01
  • js实现的折叠导航示例

    js实现的折叠导航示例

    复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2025-02-01
  • 小程序瀑布流解决左右两边高度差距过大的问题

    小程序瀑布流解决左右两边高度差距过大的问题

    想要实现瀑布流的布局效果，并且是按照从左到右顺序显示的话，css布局方式暂时还不能满足我们的需求。参考小红书的瀑布流效果，小红书是分左右两栏的，按照奇数偶数来显示就可以。<view class=waterfall> <view cl
    2025-01-31
  • js 定时器setTimeout无法调用局部变量的解决办法

    js 定时器setTimeout无法调用局部变量的解决办法

    javascript中定时器setTimeout的用法一般如下，调用beginrotate之后就进入定时执行rotateloop的一个过程，如下代码： 复制代码代码如下: var angle = 0; function rotateloop
    2025-01-31
  • 使用phonegap获取设备的一些信息方法

    使用phonegap获取设备的一些信息方法

    device.name设备的名称device.phonegapphonegap版本device.platform设备的类型device.uuid设备唯一识别号device.version所运行的操作系统的版本device 是被指派给wind
    2025-01-31
  • Javascript改变CSS样式(局部和全局)

    Javascript改变CSS样式(局部和全局)

    一、局部改变样式有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById('obj').className="…" 改变cssText：document.
    2025-01-31
  • iframe在移动端的缩放的示例代码

    iframe在移动端的缩放的示例代码

    工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第
    2025-01-31
  • html页面中完成查找功能

    html页面中完成查找功能

    最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。这个功能主要是实现在
    2025-01-31
  • js实现的map方法示例代码

    js实现的map方法示例代码

    复制代码代码如下: /** * * 描述：js实现的map方法 * @returns {Map} */ function Map(){ var struct = function(key, value) { this.key = key;
    2025-01-31
  • javascript实现信息的显示和隐藏如注册页面

    javascript实现信息的显示和隐藏如注册页面

    我们在写注册页面的时候，必填信息是可见的，可选信息是隐藏的，如果用户希望填写，可以单击“详细信息”。 复制代码代码如下: <!-- 下面代码通过javascript实现信息的显示和隐藏 --> <!DOCTYPE html> <html>
    2025-01-31
  • JS实现侧悬浮浮动实例代码

    JS实现侧悬浮浮动实例代码

    效果：思路：首先，加载onscroll控制滚动条。然后写缓存运动的方法，缓冲运动的方法是先计算出DIV缓冲的速度，并且将其取整，再进行运动判断什么时候到达终点。最后将其参数返回。再在onscroll里面调用此方法，并且将终点计算出来赋予此方
    2025-01-31
上一页 636465666768697071下一页