html5仿微信手机摇一摇代码_摇一摇抽奖js代码实现
dwtedx HTML5开发 253 0 2016-10-08 13:10:12

分享一个HTML5开发的手机端的摇一摇、整个Demo是仿微信的摇一摇功能的、当打开网页之后摇晃手机就会播放熟悉的声音、也就是会播放微信摇一摇的声音、2秒之后就会出来相应的广告信息、也就是摇动手机的结果、也是带有声音的哦、下面是整个Demo的gif效果 整个Demo主要是使用的JS代码来控制的、并包涵了一些html代码和两个mp3文件、然后就是js代码了、css样式直接写到html文件里面的、大家可以根据自己的需求更改 Html代码<div id="hand" class="hand"><img src="i...

阅读全文

html5 angularjs富文本编辑器_轻量redactor js网页在线编辑器
dwtedx HTML5开发 252 1 2016-10-07 15:48:13

最近又萌生一个想法、那就是把写博文的在线富文本编辑器换掉、总感觉那里不好看、终于在昨天找到一个很满意的文本编辑器、叫redactor 编辑器、官网上下载好像需要购买、不过到github上下载好像是免费的、由于该插件是外国人开发的、所以默认预言是英文、但是可以通过安装插件包来将语言转换为中文、只需下载zh_cn.js文件并引用到页面中(这个在我的Demo中已经包含了)然后将 lang设置为”zh_cn”即可 上图就是我准备替换掉目前我正在博客中使用的控件、下面给出简单的使用方法、包括获取富文本编辑器里面的代码、和设置编辑器里面的...

阅读全文

html5手机端PC端自适应CSS3翻页效果
dwtedx HTML5开发 259 0 2016-09-26 14:57:43

分享一个html5手机端网页电子书翻页特效、Demo是一款兼容PC跟手机端的电子书翻页效果、效果非常不错、自动适配手机端和PD端、都是带有翻页效果的、下面是效果图 引入资源文件<link rel="stylesheet" href="style/style.css" /><link rel="stylesheet" href="style/player.css" /><link rel="stylesheet" href="style/phoneTemplate.css" /><scr...

阅读全文

Html5 jQuery手机端购物车_Html5购物车模板代码
dwtedx HTML5开发 335 1 2016-09-08 14:13:45

分享一个jQuery移动端购物车商品的代码、Demo中实现了删除的功能、Demo是一款兼容PC端跟手机端的自适应的、点击垃圾桶删除购物车里的对应物品特效、效果非常不错、下面是Demo的效果图 Html代码<div class="product"><div class="check_box"> <a href="#" class="jd_check_box" checked></a></div><div class="shop_info clearfix"&...

阅读全文

Html5手机移动端头像上传裁剪插件Demo实现
dwtedx HTML5开发 1796 7 2016-08-25 13:26:51

DD博客以前分享过PC端的图片剪裁和头像上传的功能、那么今天分享一个手机端Web App的Html5拍照上传头像裁剪代码、此场景是一款手机端经常使用的图片上传裁剪做头像特效、一般做Web App的都会使用、今天分享出来、希望对大家有用、效果图如下 Html代码<!--头部--><div id="user_head"> <a id="left_ico" href="javascript:history.go(-1);"> <i class="icon iconfont...

阅读全文

Html5 jQuery滑动动态加载更多数据功能实现Demo
dwtedx HTML5开发 382 0 2016-08-11 14:04:27

分享一套HTML5手机端手指滑动上拉加载更多的代码、Demo是一款通过jquery实现tab切换和上拉加载更多的效果、适用于手机端页面开发、流畅性和动画效果都得到了保障、效果非常不错、下面是Demo的截图 Html5代码<body ontouchstart="" id="container"><header class="tabHead"> <span class="active">参与开户<small>(200)</small></span> ...

阅读全文

jQuery液态式环形按钮菜单_Html Css3环形菜单特效
dwtedx HTML5开发 429 1 2016-07-19 12:12:08

分享一个jQuery液态式环形按钮菜单的特效、当用户点击主按钮的时候、按钮会像液体一样变形、有一种拖拽的感觉、并分离出3个子菜单按钮、这3个按钮可自定义的、效果图如下、有需要的朋友可以在下面下载Demo Html代码<div class="htmleaf-container"> <div class=´content´> <div class=´menu´> <div class=´men...

阅读全文

Html jQuery微信支付宝网站文章打赏插件
dwtedx HTML5开发 631 1 2016-06-15 13:31:18

想必很多个人博客或者自媒体网站的收入一般都是来至于广告、如果说有一个打赏功能的话也许会增加一小部分我们的收入、今天就分享一个jQuery文章页二维码扫码打赏功能的代码 当然这跟我自己博客打赏功能有点区别(PS:现已分享博客打赏插件、有需求有可以去看看)、今天分享的是一款点击打赏按钮、弹出二维码页面、微信与支付宝支付二维码扫描打赏的插件、适用于大部分网站、下面是效果图 Html代码 <div class="content"> <p><a href="javascript:...

阅读全文

jQuery网站分享代码_百度分享专业开发版Demo下载
dwtedx HTML5开发 469 0 2016-04-20 11:43:02

基于jQuery和百度分享专业开发版开发而来的一款网页点击按钮网页一键分享的Demo、百度自由选择版分享本来已经是一款分享控件了、Demo只是对百度分享专业开发版做了一个深度订制的功能、具体的文档可以参考百度分享专业开发版文档、使用jQuery和Html以及Css对界面进行了订制、并且兼容各浏览器、效果图片如下 HTML代码<div class="share-dialog"><div class="share-close"></div><div class="s...

阅读全文

HTML5 SVG动画效果_CSS如何实现点赞按钮点击效果
dwtedx HTML5开发 1032 6 2016-03-02 12:30:57

本Demo是使用HTML5 SVG实现的喜欢点赞的动画特效、Demo里面一共有17种效果、都是使用font-awesome作为图标、采用SVG技术实现的动画效果、在用户点击图标时产生各种炫酷的图标动画特效、现在是部分点击的动画效果 HTML代码<section class="content"> <ol class="grid"> <li class="grid__item"> <button class="icobutton icobutton...

阅读全文

HTML5 Canvas实现条形码生成_jQuery条形码插件代码
dwtedx HTML5开发 1161 3 2016-02-01 13:00:16

本Demo是一个使用HTML5 Canvas标签做的一个条形码的效果、条形码是通过JS代码生成的、是一款基于jQuery HTML5实现的条形码生成特效、使用起来非常简单、只需要简单的引入一个JS文件即可使用了、代码量非常小、可以很方便的集成到项目中、有图有真像 HTML代码<article class="zzsc"> <canvas id="ean" width="400" height="200"></canvas></article> 引入必要的JS文件<sc...

阅读全文

html中a标签css属性a:link_a:visited_a:hover_a:active用法详解
dwtedx HTML5开发 970 0 2015-08-01 13:01:18

一、基本介绍 1、a:link:连接平常的状态 2、a:visited:连接被访问过之后 3、a:hover:鼠标放到连接上的时候 4、a:active:连接被按下的时候 一、a:link a:link版本:CSS1  兼容性:IE4 NS4 语法:Selector : link { sRules } 说明:设置a对象在未被访问前的样式表属性、IE3将:link伪类的样式表属性作用于visited伪类、默认值由浏览器决定、对于无href属性(特性)的a对象、此伪类不发生作...

阅读全文

Html WebApp使用rel apple-touch-icon属性详解
dwtedx HTML5开发 839 0 2015-06-09 09:06:42

简介 现今移动设备越来越多、苹果为iOS设备配备了apple-touch-icon私有属性、添加该属性、在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上、方便用户以后访问、实现方法是在HTML文档的<head>标签加入下面代码即可 <link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" /> apple-touch-icon 标签支持sizes属性、可以用来放置对...

阅读全文

本地时间的Html5数字电子时钟特效代码
dwtedx HTML5开发 1148 0 2015-04-20 10:20:21

纯html5绘制的本地时钟特效、效果非常好看、喜欢研究新技术的哥们可以看一下、没有一点js代码、只有控制margin的几行css而已、以下有图为证、它是一款非常漂亮html5时钟、整个界面都由html5绘制而成、效果特别不错、下载看看吧 部分HTML5代码 <linearGradient id="LG" gradientTransform="rotate(90 .5 .5)"> <stop id="s0" offset="0" stop-color="#d6f8e9"/>...

阅读全文

HTML 5拼图游戏Demo_JS JQuery 拼图游戏的开发例子
dwtedx HTML5开发 3933 3 2014-08-29 15:53:55

简介 本文将讲解使用 HTML 和 CSS 以及 JQuery 开发一款基于浏览器的拼图游戏的方法、并没有使用任何插件 本文提供了一个简单的步骤,开始使用HTML / CSS和JavaScript的2D游戏的开发 我将介绍了如何创建一个 Image 益智游戏,你可以拖放图像块交换、重新安排图像块的位置,最后形成完整的图像 您可以在这里试玩一下:http://gandhisoft.com/ImagePuzzle/puzzle.html 规则 游戏的规则很简单、你只需要拖放破碎的图...

阅读全文

DD记账
top
+