
HTML5、CSS3
文章平均质量分 62
混沌极致
这个作者很懒,什么都没留下…
展开
-
javascript window对象 focus获得焦点
window 对象 详细介绍及属性:http://www.5idev.com/p-javascript_window.shtml http://www.w3school.com.cn/htmldom/dom_obj_window.asp浏览器打开一个文档,就创建了一个 window 对象,即 window对象表示浏览器中打开的窗口原创 2013-01-04 21:36:25 · 4685 阅读 · 0 评论 -
javascript 弹出确认 取消对话框
在网页中经常会让用户提交一些事件,然后在事件处理之前会弹出“确定/取消”对话框,待用户确定后再利用程序处理事件,下面是如何利用JavaScript实现弹出“确定/取消”对话框的方法。function removeConfirm(id,type,isThird){ var isRemove = confirm("删除是不可恢复的!\n\n您确认要删除吗?"); console.l原创 2013-06-18 12:06:33 · 2039 阅读 · 0 评论 -
Javascript生成GUID
GUID(全球唯一标识)是微软使用的一个术语,由一个特定的算法,给某一个实体,如Word文档,创建一个唯一的标识,GUID值就是这个唯一的标识码.除了.Net有专门的方法生成外,JS也可以生成GUID,一般有两种方式,分别是方法一: //JS生成GUID函数,类似.net function S4() { return (((1+Math.ran原创 2013-06-09 14:33:19 · 2382 阅读 · 1 评论 -
简单图片3D变换动画的制作(使用transition、transform)
主页面html代码: //为了后面使用$引入 dh.js代码://第二个图像通过在javascript中嵌入css控制移动window.onload = jsc;function jsc(){ $('#3ddh2').css ( {原创 2013-01-04 21:32:03 · 1015 阅读 · 0 评论 -
使用jquery和html5 post json格式数据
创建html页面引入jQueryclient.html: Test//引入3个jquery文件 $(function() { var hash =hex_md5("phoneNumber=15210943874&key=99999999");//md5加密 var dat='{"PhoneNu原创 2013-01-04 21:32:44 · 3305 阅读 · 0 评论 -
html5 如何播放视频
html5播放视频是使用的标签:例: <videowidth="640" height="400" controls="controls"id="video-player" src="./video/[敢死队]预告片_hd.mp4"poster="./images/poster.png"> 您的浏览器不支持 video原创 2013-01-04 21:33:53 · 5270 阅读 · 0 评论 -
css3 制作3D动画
css3中实现动画主要使用的属性transitions、animations、transform项目源码:3DTransform.html imageFlip.htmlCSS3动画之一:Transitions功能CSS3动画之二:Animations功能CSS3中的transform变形展示页面:CSS3 实现的3D动画效果 文字旋转原创 2013-01-04 21:34:17 · 549 阅读 · 0 评论 -
html图片title和页面乱码
我们在浏览网页的时候会发现很多网站的title都有自己的标志,就比如其实我们在标签里面添加一个标签就可以了:其中href属性是图片的路径,图片的尺寸为32*32 http://www.bitbug.net/可以在线制作ico图标如果遇到中文乱码在标签里面添加一句:原创 2013-01-04 21:36:37 · 1027 阅读 · 0 评论 -
制作简单的动画
1、使用jQuery(annimate)制作 a、首先要做简单的页面布局(两个div加上10幅图) .................. b、然后要用javascript做翻页功能,我们要做一些引用//必须引用的jQuery//简单的页面布局c、自己编写页面调用规则//fun原创 2013-01-04 21:32:09 · 511 阅读 · 0 评论 -
css3选择器
原文:《CSS3选择器——基本选择器》 《CSS3选择器——属性选择器》 《CSS3 选择器——伪类选择器》gitHub项目地址:git@github.com:marujun/css-selector.gitCSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对转载 2013-01-04 21:33:55 · 637 阅读 · 0 评论 -
Js自动生成div并自动删
xWin HTCDemo function CreateDiv() { var str = document.createElement("div"); str.id = "win3"; str.contentEditable = "true"; str.className = "xWin";原创 2013-01-04 21:32:11 · 951 阅读 · 0 评论 -
html5利用google实现定位和搜索
googleMapapi接口文档 开发人员指南(中文)效果图如下:github源码地址: git@github.com:marujun/html5-geo-google-map.git查看demo首先写一个基本的html页面 HTML5 Demo: geolocation原创 2013-01-04 21:33:57 · 2615 阅读 · 1 评论 -
ipad,iphone的icon设置
在ipone,ipad的浏览器有把网页快捷方式添加到桌面的功能,我们自己可以指定快捷方式的图标,那这个图标是如何指定的呢?其实就是在html页面的标签里添加了一个标签 其中href里面可以是图片的base64编码也可以是图片的路径原创 2013-01-04 21:34:02 · 790 阅读 · 0 评论 -
HTML5 Notifications桌面通知
html 有一个特性就是“桌面通知”功能,现在chrome支持的比较好下面是我写的一个demo,关于如何在chrome中使用这个功能:请在chrome中运行下面的示例: web Notification 设置是否启用桌面通知检查浏览器是否支持桌面通知检查浏览器是否已启用桌面通知发送一个普通的桌面通知,并在10s后自动清除 发送一个原创 2013-01-05 15:42:25 · 2751 阅读 · 0 评论 -
html div自适应动态上下左右居中
html的body里只放一个div,其他的内容放在这个div里,设置div的样式如下:div{ position:absolute; background:#404040; width:500px; height:400px; top:50%; left:50%; margin-top: -200px; //值是height原创 2013-01-04 21:35:50 · 4437 阅读 · 0 评论 -
transform使用参考
转自:http://blog.163.com/prevBlogPerma.do?host=hszy00232&srl=43022753201081822131223&mode=prev语法 transform :none | [ ]* 取值 指定一个身份转变 说明 应用于block水平和inline水平的元素。 transfor转载 2013-01-04 21:35:54 · 677 阅读 · 0 评论 -
Javascript 检测键盘按键
Javascript中 有3个事件句柄在对应键盘的输入状态:keydown、keypress和keyup。分别对应的意思是:按键被按下(按下按键但还没有抬起)、点击按键(按下并抬起按键)、按键抬起(按键抬起之后)按键的分类:按键可以分为“实键”和“虚键”实键可以理解为我们能够看到并打印出来的按键,如字母“A”、数字“1”、字符“?”等等虚键就是那些无法打印出来起转载 2013-06-26 21:13:34 · 2690 阅读 · 0 评论