首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML实现文本框只读不能修改其中的内容

    HTML实现文本框只读不能修改其中的内容

    废话不多说了，直接给大家贴代码了，具体代码如下所示：<!--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 --><input type=text name=input1 value=中国 onfocus=thi
    2025-01-30
  • html5实现多图片预览上传及点击可拖拽控件

    html5实现多图片预览上传及点击可拖拽控件

    在做图片上传时发现一个蛮好用的控件，支持多张图片同时上传，可以点击选择图片，也可以将图片拖拽到上传框直接上传，方便，好用，接口也简单，基本可以直接放到项目里使用。先看看他的样式：选择图片后：$(function(){ // 初始化
    2025-01-30
  • 详解HTML常用的标签中行内元素和块级元素

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细* address - 地址* blockquote - 块引用* center - 举中对齐块* dir - 目录列表* div - 常用块级容易，也是css layout的主要标
    2025-01-30
  • 使用Html5、CSS实现文字阴影效果

    使用Html5、CSS实现文字阴影效果

    前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来
    2025-01-30
  • 微信端html5页面调用分享接口示例

    微信端html5页面调用分享接口示例

    最近公司做了一个给学生投票的H5页面，主要是在微信端使用，需要添加微信分享功能；本文章主要是记录调用微信分享接口需要注意的事项；1、前端用的angular1框架，首先需要在index页面引入微信接口文件；<script src=http:/
    2025-01-30
  • mui几种页面跳转方式对比总结概括

    mui几种页面跳转方式对比总结概括

    【几种打开页面的方式】1.初始化时创建子页面2.直接打开新页面3.预加载页面【示例】1.初始化时创建子页面mui.init({subpages: [{url: your - subpage - url, //子页面HTML地址，支持本地地址
    2025-01-29
  • html5使用canvas实现图片下载功能的示例代码

    html5使用canvas实现图片下载功能的示例代码

    最近项目中需要实现一个下载图片的功能(如下图)一开始考虑使用a标签的download属性进行下载：<a href=图片src download=下载海报>下载海报</a>但是通过测试，发现再safari中，下载的文件不能带上拓展名，所以只好
    2025-01-29
  • HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能

    HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能

    这是分享按钮：<button onclick=call()>通用分享</button><button onclick=call(wechatFriend)>微信好友</button><button onclick=call(wechatTi
    2025-01-29
  • HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。好了，想法一出来，就行动吧，最终效果如下图：一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真
    2025-01-29
  • HTML页面自动清理js、css文件的缓存（自动添加版本号）

    HTML页面自动清理js、css文件的缓存（自动添加版本号）

    在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v
    2025-01-29
  • 利用html5 canvas动态画饼状图的示例代码

    利用html5 canvas动态画饼状图的示例代码

    本文介绍了利用html5 canvas动态画饼状图的示例代码，分享给大家，具体如下：先来看效果图这里并没引用jquery等第三方库，只是用dom操作和canvas的特性编写的。canvas画圆大体分为实心圆和空心圆。根据需求分析知道该圆为实
    2025-01-29
  • 详解HTML5 canvas绘图基本使用方法

    详解HTML5 canvas绘图基本使用方法

    <canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对
    2025-01-29
  • 使用HTML5 Geolocation实现一个距离追踪器

    使用HTML5 Geolocation实现一个距离追踪器

    HTML5 Geolocation（地理定位）用于定位用户的位置。那么如何实现一个距离追踪器呢？我的思路是这样的，前提是浏览器支持h5地理定位，在这个基础上，获取用户位置，更新用户位置，计算距离，显示到页面，这样就简单实现了一个距离追踪器，
    2025-01-29
  • 详解基于canvas的视频遮罩插件

    详解基于canvas的视频遮罩插件

    为一个视频添加一个覆盖物，从而挡住视频某区域，在视频的某一时间段，比如第10到第20分钟不显示划定的这块区域。应用场景包括 遮挡卫视图标 、 遮挡视频右下角广告 、 充当马赛克 等。一个长视频可能包含多个遮罩，每个遮罩有特定的显示时间（在此
    2025-01-29
  • HTML5拖拽功能实现的拼图游戏

    HTML5拖拽功能实现的拼图游戏

    具体代码如下所示：<!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head> <meta charset=utf-8> <title>drag拖拽</titl
    2025-01-28
上一页 123456下一页