JS如何禁止别人查看网站源码_禁止右键查看源代码
dwtedx JavaScript教程 122 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教程 88 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教程 5003 4 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教程 733 1 2016-05-31 13:03:19

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

阅读全文

Html5 jQuery倒计时进度条_JS CSS3倒计时动画特效插件
dwtedx JavaScript教程 828 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教程 16149 5 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教程 774 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教程 1094 0 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教程 809 1 2015-10-22 12:33:10

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

阅读全文

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

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

阅读全文

Html5视频播放器代码_jQuery网页视频播放器插件
dwtedx JavaScript教程 907 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教程 1205 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教程 1578 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=...

阅读全文

淘宝js图片局部放大镜插件代码及Demo效果
dwtedx JavaScript教程 1283 0 2015-03-17 10:15:36

一款原生js自由放大镜特效FreeZoomer、可用于商品展示的图片放大、如淘宝京东都有类似功能、在这里与大家分享一个纯js写的插件 用法很简单、引用放大镜插件文件和样式文件、html页面上再给图片加上属性class="free-zoomer"和data-img-big="大图的路径"就行了、有什么不明白的就查看作品的源码、里面注释写得很详细、希望对大家有用哦 获取放大容器 function GetViewPanel() { var panel = document.getElementBy...

阅读全文

新版百度分享自定义图片按钮样式_高仿百度百科分享样式
dwtedx JavaScript教程 1101 1 2015-01-20 13:17:36

相信很多站点都使用了百度分享、因为使用百度分享有很多好处、比如引入社会流量、收录的优势等等 随着百度分享2.0的升级、同时也推出了专业开发版、可以自定义分享的样式、要分享的平台等等、都是可以自定义的 当然我也使用了百度的分享功能、一开始我是使用的默认的分享样式、不能说丑吧、但总是认为不是很好看、所以就想着怎么美化这个东西 突然有一天我在访问百度百科的时候、觉得那个分享功能非常好看、也就情不自禁的产生了一种想法、怎么样把这个东西搞到我自己的博客里面呢、最后高仿了一个、现在分享给大家、希望大家喜欢、大家可以在旁边看看...

阅读全文

DD记账
top
+