jQuery右下角弹出提醒框窗口_右下角弹出广告
dwtedx JavaScript教程 74 0 2017-02-14 13:34:39

最近百度联盟不知道为什么取消了右下角悬浮的广告位、最近呢我自己写了一个右下角悬浮的广告位、只需要把广告代码放入对应的DIV中就可以实现相应的功能了、非常方便、效果上与之前的基本上无区别、现在分享给大家、有需求的朋友可以添加一下、其实右下角悬浮的广告位的点击还是挺高的、先看效果图 Html代码<div id="popAd" style="display:none;"> <div id="popAdHead"> <a id="popAdClose" title="关闭">...

阅读全文

HTML5 AJAX异步提交FORM表单及文件上传
dwtedx JavaScript教程 157 0 2017-01-10 14:38:44

在平时的开发后台管理页面工作中、经常会需要上传图片、于是我就用很普通的Form表单上传有一段Json串和图片文件、Form表单上传图片只需要在<form>标签里加上enctype = ´multipart/form-data´、这样是可以上传图片的、但问题来了、在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新 这样我们可以先到异步的Ajax可以实现局部刷新、废话不多说了  直接上代码 首先是html<form id = "form_insert" met...

阅读全文

HTML jQuery俄罗斯方块代码_俄罗斯方块js代码下载
dwtedx JavaScript教程 214 0 2016-12-16 13:06:55

做为一个合格的90后、你肯定玩过一款很经典的游戏《俄罗斯方块》想当年黑白的游戏机刚刚流行的时候、基本上是人手一个、见证了好一代人的童年、那么今天呢给大家带来了一段童年的回忆《俄罗斯方块》网页版本的哦、大家可以在自己的网站开一个板块、集成一些小型的游戏 html代码<div class="bg"> <div id="gameBoxBg"> <div id="gameBox"> <div class="mask"> ...

阅读全文

JS如何禁止别人查看网站源码_禁止右键查看源代码
dwtedx JavaScript教程 242 0 2016-10-28 14:21:25

相信大家在网站的开发过程中免不了的会让客户看到网站的源代码、那么有没有什么办法能让用户在查看源代码的时候给予阻止呢、答案是肯定的、下面是个人分析的四种查看源代码的路径、如果有哥们想查看效果的可以去预览一下哦:猛戳这里查看效果 1、直接按F12 2、Ctrl Shift I查看 3、鼠标点击右键查看 4、Ctrl u=view-source: url 把以上三种状态都屏蔽掉就可以了、document有onkeydown(键盘按键事件)、该事件里面找到对应的keycode并处理就可以、document也有oncontextmenu鼠...

阅读全文

JS动态创建div_JavaScript和jQuery动态创建元素
dwtedx JavaScript教程 212 0 2016-10-17 17:23:25

在JavaScript的开发中经常会遇到动态创建Element的时候、也就是动态创建标签的方法、本文就为大家介绍一下使用JavaScript动态创建节点元素的方法 JavaScript a标签创建 1、创建元素var alink= document.createElement("a"); 2、添加元素属性alink.href= "http://www.dwtedx.com";alink.target="_blank";//或者//设置属性href值为 http://www.dwtedx.comalink.setAttribute...

阅读全文

JQuery Barcode生成条形码_jQuery条形码插件
dwtedx JavaScript教程 5851 5 2016-10-14 15:37:10

jquery barcode条形码是一款在Web浏览器上面使用的一款生成条形码的插件、用于在Web的进销存等系统上有很大的做用、可以使用条码抢快速识别编号等、这篇文章早就写好了、只是一直没有附上源代码、今天有空、把源代码也给大家贴出来、只不过源代码来的有点迟了、话不多说、看教程 一、引入Script文件<script type="text/javascript" src="jquery-1.3.2.min.js"></script><script type="text/javascript" src=...

阅读全文

微信跳转浏览器提示_微信浏览器中打开提示的三种实现方式
dwtedx JavaScript教程 1480 2 2016-05-31 13:03:19

相信做前端的朋友一定都遇到这种情况的、当你的网页中有直接链接apk下载的时候会没有反映的、是因为在微信内是无法下载软件、手机APP等、那么这个时候一般的解决方案就是、必须要点击右上角三个点、选择“在浏览器中打开”才可以、微信扫描下方的二维码可查看效果 但是很多用户并不知道、只会点击无反应、所以现在流行的做法是、直接判断微信的ua,然后弹出一个遮罩提示用户在浏览器中打开下载、最终的效果图如下 CSS代码<style type="text/css"> *{ margin:0; ...

阅读全文

Html5 jQuery倒计时进度条_JS CSS3倒计时动画特效插件
dwtedx JavaScript教程 1028 0 2016-03-18 15:46:42

本Demo是Html5 CSS3实现的倒计时进度条动画特效、这个作品在今天上网找网络资源的时候无意中发现的、看到效果非常棒并且很实用、就第一时间把它整理出来与大家分享了、主要用到了html5、javascript和css3技术、用到了svg、circle、text等常用的标签、效果图如下 Html代码<div id="js-alert-box" class="alert-box"> <svg class="alert-circle" width="234" height="234"> ...

阅读全文

百度上传插件Web Uploader教程_Web Uploader使用Demo实例
dwtedx JavaScript教程 18293 10 2015-12-25 15:29:35

一、Web Uploader WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主、FLASH为辅的现代文件上传组件、在现代的浏览器里面能充分发挥HTML5的优势、同时又不摒弃主流IE浏览器、沿用原来的FLASH运行时、兼容IE6 、iOS 6 , android 4 、两套运行时、同样的调用方式、可供用户任意选用、采用大文件分片并发上传、极大的提高了文件上传效率 二、Web Uploader优点 1、分片、并发 分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度...

阅读全文

js曲线图统计图表插件_jQuery天气统计图表控件
dwtedx JavaScript教程 959 0 2015-12-07 12:40:29

一个简单的js脚本代码、使用了tooltip的统计图插件、主要实现了气温变化折线图的效果、另外还使用了tip功能、当鼠标放到统计图上面的时候会显示相应位置的详细天气情况、非常不错的实例、可以很方便的融入到自己项目里面去、另外最下面有Demo的下载地址、以下为效果图 引入JS文件 <script src="js/jquery.js" type="text/javascript"></script> <script src="js/echarts-all.js" type="te...

阅读全文

在线Html5 Canvas圆形计时器_Javascript秒表特效源代码
dwtedx JavaScript教程 1328 1 2015-11-03 10:52:53

本Demo是一款html5 canvas圆形计时器源代码、并使用了非常好看的动画特效、Demo是一款简单实用的带有开始暂停按钮的60秒一分钟圆形计时器、效果非常不错、js代码已经封装好了、只需要在index.html里面简单调用即可、效果图如下 JS引入 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.pi...

阅读全文

JavaScript命名空间理解_js命名空间是什么
dwtedx JavaScript教程 1080 1 2015-10-22 12:33:10

一、前言 命名空间可以被认为是唯一标识符下代码的逻辑分组、为什么会出现命名空间这一概念呢?因为可用的单词数太少、并且不同的人写的程序不可能所有的变量都没有重名现象、在JavaScript中 命名空间可以帮助我们防止与全局命名空间下的其他对象或变量产生冲突、命名空间也有助于组织代码、有更强的可维护性和可读性、本文旨在探讨JavaScript里的几种常见命名空间模式、为我们提供一个思路 JavaScript执行环境有很多独特之处、全局变量和函数的使用就是其中之一、JavaScript的执行环境由各种...

阅读全文

html js代码高亮插件下载_google code prettify代码高亮显示
dwtedx JavaScript教程 910 0 2015-07-27 21:27:11

由于我的博客里面分享在大部分是代码类的文章、难免会在文章中插入中很多代码、这个时候就需要使用高亮来体现代码的可读性、就像在IDE里面编程一样、这时分享我博客使用的方式、那就是使用 google-code-prettify 来实现的 google-code-prettify可以用来很方便地对网页中的程序代码进行高亮显示、从而在视觉上使得网页上的代码看得比较舒服、这对网站站长来说是很重要的、下面给大家介绍一下google-code-prettify 的使用方法与步骤、希望对大家有用 1、下载google-code-...

阅读全文

Html5视频播放器代码_jQuery网页视频播放器插件
dwtedx JavaScript教程 1053 0 2015-07-08 10:43:40

本Demo是一个使用ckplayer实现的一个网页播放器、视频可以是flv、也可以是mp4、ckplayer的代码非常小巧、同时功能强大定制方便的网页播放器、调用代码也非常简单、ckplayer的内部有很完善的注释、使用起来非常方便、运行效果如下 JS代码 var flashvars={ f:´http://movie.ks.js.cn/flv/other/1_0.flv´, c:0, b:1 }; var params={bgcolor:´#FFF´...

阅读全文

Html jQuery左右伸缩侧边导航菜单栏
dwtedx JavaScript教程 1365 0 2015-07-01 12:50:56

分享一个类似于百度地图的左边菜单栏的收缩和展开功能、并附有动画郊野、Demo里实现了从左边展开和从右边展开两种方式、很方便的就可以集成到自己的项目中、非常方便 HTML代码 <div id="page"> <h1>板滑块的例子</h1> <a id="left-panel-link" href="#left-panel">打开左面板</a> | <a id="right-panel-link" href="#right-panel"&...

阅读全文

HTML5 Canvas点击燃放烟花动画效果源代码下载
dwtedx JavaScript教程 1889 0 2015-04-06 10:56:58

HTML5烟花散射动画效果、主要是基于HTML5 canvas实现、有粉末效果和放射效果两种特效、可自由切换两种烟花效果、非常不错的、喜欢做特效的朋友可以下载研究研究、代码也非常简单、主要是通过canvas的相关api实现的、效果图 HTML代码 <div style="position: absolute; top: 50px; left: 50px;background-color: #000000"> <canvas id="canvas" width="666" height=...

阅读全文

DD记账
top
+