JS弹幕滚动效果_HTML5跑马灯代码
dwtedx HTML5开发 370 0 2017-08-08 13:24:36

分享一个简单实用 javascript 弹幕特效、一个很好用的实例、很适合放到项目里面使用、完全使用 javascript 编写完成、没有使用 jQuery 等插件、非常适合新手学习、效果图如下 插入functionfunction insert(){ var newli=document.createElement(´div´); var randomS=Math.floor(Math.random()*8); var r=Math.floor(Math.random()*266);...

阅读全文

HTML5 Web存储_HTML5的离线存储机制
dwtedx HTML5开发 492 0 2017-06-27 13:24:02

在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前、这些都是由 cookie 完成的、但是 cookie 不适合大量数据的存储、因为它们由每个对服务器的请求来传递、这使得 cookie 速度很慢而且效率也不高 在 HTML5 中、数据不是由每个服务器请求传递的、而是只有在请求时使用数据、它使在不影响网站性能的情况下存储大量数据成为可能 对于不同的网站、数据存储于不同的区域、...

阅读全文

HTML5 echarts中国散点地图联动实例下载
dwtedx HTML5开发 496 0 2017-03-30 13:42:08

分享一个html5 echarts地图分布动画的特效、Demo是一款带有炫光效果的html5 echarts图表插件、一般用于全国的节点分部等功能、如果大家有使用过百度云加速的话、不难看出、这一款插件是模仿百度云加速的地图节点分布的、效果非常不错 使用方法分为4个步骤 1、为ECharts准备一个具备大小(宽高)的Dom--><div id="mainMap" style="height:400px;width: 700px;padding:10px;background:#1B1B1B"></div...

阅读全文

HTML Form表单提交submit事件_Ajax Post提交Form表单
dwtedx HTML5开发 1126 2 2017-03-20 13:37:16

从事Web开的哥们对于form表单的提交应该都是非常熟悉的、这里总结一下、常用的有3种方法、有两种是要使用到js代码的、有一种是直接提交的、个人建议还是使用带js的、因为我们在提交表单之前一般会做很多验证 1、submit 按钮 提交<form action="MyDemand" method="post"> <span>关键字:</span> <input name="keywords" type="text" value="@keywords" /> <i...

阅读全文

HTML5 Web Socket和Web Worker的区别以及使用方法
dwtedx HTML5开发 906 0 2017-01-22 13:39:31

做练习遇到了一个选择题、是关于Web Worker的、问Web Worker会不会影响页面性能?补习功课之后、答案是不会影响、查阅了相关资料学习Web Worker、又遇到了Web Socket、整理如下 Web Socket 和 worker 的作用、为构建高效能的web应用提供了新的参考方案、Web Socket提供更高效的传输协议、Web Worker提供多线程提高web应用计算效率 一、Web Socket 1、Web Socket是一种协议、本质上和http、tcp一样、协议是用来说明数据是如何传输的,写过一个小的在线聊...

阅读全文

html5仿微信手机摇一摇代码_摇一摇抽奖js代码实现
dwtedx HTML5开发 3545 8 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开发 1222 3 2016-10-07 15:48:13

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

阅读全文

html5手机端PC端自适应CSS3翻页效果
dwtedx HTML5开发 1955 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开发 3957 15 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开发 12729 65 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开发 1819 4 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开发 1450 3 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开发 2523 33 2016-06-15 13:31:18

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

阅读全文

jQuery网站分享代码_百度分享专业开发版Demo下载
dwtedx HTML5开发 1689 1 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开发 3044 110 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开发 4533 8 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...

阅读全文

DD记账
top
+