大概原理就是设置计算价格事件函数，取不同下拉打折数，计算结果送入文字框，感兴趣的朋友可以参考下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <head> <title>打折后价格计算</title> <!-- 设置计算价格事件函数，取不同下拉打折数，计算结果送入文字框--> <script type="text/javascript"> function calculator(){ ...
首先建立一个conn.php的文件用来链接数据库 代码如下: $link = mysql_connect("mysql_host" , "mysql_user" , "mysql_password" )or die("Could not connect : " . mysql_error()); mysql_query("set names utf8"); mysql_select_db("my_database") or die("Could not select database");?>php 批量生成html 代码如下: require_once(“conn.php”)； $query = "SELECT id,title,introduce FROM my_table"; $r...
实现文本标题和input文本框垂直居中对齐:本章节分享一段代码实例，它实现文本标题与input文本框上下垂直居中效果。需要的朋友可以做一下参考，代码实例如下: 蚂蚁部落 #a{ height:30px; border:1px solid #ccc;}#b{ margin-top:20px; height:30px; border:1px solid #ccc;}#a input{ width:200px; height:30px; border:1px solid red;}#b input{ width:200px; height:30px; border:1px solid red;...
本文实例讲述了php+html5基于websocket实现聊天室的方法。分享给大家供大家参考。具体如下： html5的websocket 实现了双向通信，折腾了几天弄了个聊天室，分享给大家 <?php error_reporting(E_ALL); ob_implicit_flush(); $sk=new Sock(127.0.0.1,8000); $sk->run(); class Sock{public $sockets;public $users;public $master;public function __construct($address, $port){$this->master=$this->WebSocket($address, $port);$th...
使用PHP和HTML5 FormData实现无刷新文件上传教程， 无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。 那么 FormData 怎么使用呢？下面帮客之家对此进行简单的介绍。 1. 构造 FormData 对象 想...
页面主体部分：<body> <ul id="menu"><li> <a href="#">一级菜单1</a><ul><li>二级菜单1-1</li><li>二级菜单1-2</li><li>二级菜单1-3</li></ul> </li><li> <a href="#">一级菜单2</a><ul><li>二级菜单2-1</li><li>二级菜单2-2</li><li>二级菜单2-3</li></ul> </li><li><a href="#">一级菜单3</a><ul><li>二级菜单3-1</li><li>二级菜单3-2</li><li>二级菜单3-3</li></ul> </li><li><a href="#">一级菜单4</a><ul><li>...
列表隔行换色是指在新闻和文章列表中，前一行和后一行的背景色交替显示，也可称为斑马线，给网页可增色不少。今看到小毅在BI的贴子“标准下隔行换色的思考”，采用UL的两行背景重复，虽说方法不错，但LI里的高度只能采用背景中的实际高度，不够灵活，所以用ASP+CSS 写了一个，采用自定义列表。&id=">
前言 需要给正在写的Markodwn编辑器加上同步滚动的功能，百度了一通，没找到比较好的思路。就自己写了一个。 Github上是写好的库，和更直观的Demo。 Github 这篇文章主要讲的是实现的思路。 介绍 同步滚动的实现方式有很多种。简单粗暴的就直接让 HTMLElement.scrollTop 相等，还有就是让滚动条等比例滚动，还有标题对齐的滚动（这个是我在 stackedit 上看到的）。 这篇文章主要的内容是标题对齐同步滚动的实现方式。 个人来讲比较...
通过网上的资料，加上自己的整理，写了一份html摇一摇功能的简介，用做技术备份。 知识要点 1、DeviceMotionEvent 这是html5支持的重力感应事件，关于文档请看：http://w3c.github.io/deviceorientation/spec-source-orientation.html 事件介绍： deviceorientation 提供设备的物理方向信息，表示为一系列本地坐标系的旋角。 devicemotion 提供设备的加速信息，表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐...
css3伪类nth-child结合transiton动画实现文字若影若现收先创建一个div盒子，然后包裹在div中的有10个span标签每个span标签填上内容一次为A,B,C,D,E,F,G,H,I,,J先看下效果图：看HTML5代码： A B C D E F G ...
绘制一个像素宽的细线，在使用HTML5 Canvas实现时要特别注意确保你的所有坐标点是整数，否则HTML5会自动实现边缘反锯齿，感兴趣的朋友可以看下效果图 正统的HTML5 Canvas中如下代码 ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(10, 100); ctx.lineTo(300,100); ctx.stroke();运行结果绘制出来的并不是一个像素宽度的线 感觉怎么好粗啊，跟常常见到的网页版各种绘制线效果 很不一样，难道HTML5 Canvas就没想到搞好点嘛 其实...
HTML5 中提供了直接拖放的 API，极大的方便我们实现拖放效果，不需要去写一大堆的 js，只需要通过监听元素的拖放事件就能实现各种拖放功能。前言HTML5 中提供了直接拖放的 API，极大的方便我们实现拖放效果，不需要去写一大堆的 js，只需要通过监听元素的拖放事件就能实现各种拖放功能。想要拖放某个元素，必须设置该元素的 draggable 属性为 true，当该属性为 false 时，将不允许拖放。而 img 元素和 a 元素都默认设置了 draggabl...
由于WebSocket允许保持长连接,因此当建立连接后服务器可以主动地向Client发送相关信息.下面通过服务端获取当前CPU的使用情况主动发送给网页,让网页实时显示CPU使用情况的曲线图.该事例的主要功能是包括服务端获取CPU使和情况和HTML5使用canvas进行曲线图绘制. 应用效果实现效果主要是模仿windows的任务管理器,显示每个核的工作情况. C#获取CPU使用情况 可能通过PerformanceCounter来获取具本CPU线程的使用情况,不过在构建Performan...
第一种方法： css 代码： .b970-a{width:970px; height:103px; margin:4px auto; overflow:hidden;} html 代码： <p class="b970-a"> < <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="970" height="107"> <param name="movie" value="images/flash_ad-3-26.swf"> <param name="quality" value="hi...
现在大部分的H5页面都有实现播放背景音乐，播放视频功能。那怎么实现自动播放呢？下面给大家带来了HTML5页面音视频在微信和app下自动播放的实现方法现在大部分的H5页面都有实现播放背景音乐，播放视频功能。那怎么实现自动播放呢？纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行pl...