![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 67
joyhen
人世中的许多事,只要想做,都能做到,该克服的困难,也都能克服,用不着钢铁般的意志,更用不着技巧或谋略。只要一个人还在朴实而饶有兴趣地生活着,他终究会发现,造物主对世事的安排,都是水到渠成的。
展开
-
js获取网页高度
原文地址:http://www.blogjava.net/conans/articles/364566.html function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s +转载 2013-04-25 15:58:44 · 939 阅读 · 0 评论 -
使用C#编写JavaScript,Saltarelle库的使用
Saltarelle是开源的,官网:转载 2014-10-31 10:18:02 · 2476 阅读 · 0 评论 -
HTML5 Web SQL
原文:http://www.cnblogs.com/chuncn/archive/2010/11/22/1884783.html Html5数据库API是以一个独立规范形式出现,它包含三个核心方法:1、openDatabase:这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction:这个方法允许我们根据情况控制事务提交或回滚。3、exec转载 2014-08-22 00:49:28 · 1212 阅读 · 0 评论 -
Dewplayer MP3网页播放器
官网:http://www.alsacreations.fr/dewplayer.html开源 Dewplayer MP3网页播放器音乐Flash Dewplayer是一款不错的flash式MP3播放器[目前只支持MP3格式]。 网上有很多 Dewplayer 播放器的使用方法,但是我发现都是不怎么全的, 下面我就总结下:转载 2014-04-26 02:52:35 · 2514 阅读 · 0 评论 -
前端不为人知的一面--前端冷知识集锦
原文:前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行Jav转载 2014-04-25 10:14:23 · 1343 阅读 · 0 评论 -
CKPlayer
http://www.ckplayer.com/ //以下为调用播放器的标准代码 var flashvars={ f:'http://movie.ks.js.cn/flv/2011/11/8-1.flv',//视频地址 a:'',//调用时的参数,只有当s>0的时候有效 s:'0',//调用方式,0=普通方法(f=视频地址),1=网址形式转载 2014-05-09 16:28:07 · 8203 阅读 · 1 评论 -
Flvplayer.swf 代码引用方法:
Flvplayer.swf 代码引用方法: Flvplayer.swf 参数详细说明:vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开 空vcastr_title 影片标题参数,多个使用|分开,与方法2配合使用 空vcastr_xml 方法3 传递影片flv文件地址参数,样板参考 vcastr.xmlIsAutoPlay 影片原创 2014-04-05 23:17:21 · 16629 阅读 · 10 评论 -
设计一个500界面(400可以套用样式)
We're sorry, but something went wrong (500) body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } div.dialog { width: 25em; padding:原创 2014-03-24 14:31:35 · 5460 阅读 · 1 评论 -
javascript模板引擎——artTemplate
地址:https://github.com/aui/artTemplate编写模板使用一个type="text/html"的script标签存放模板: 条目内容 : 模板逻辑语法开始与结束的界定符号为 与%>,若后面紧跟=号则输出变量内容。渲染模板template.render(id, data)转载 2014-03-14 13:24:39 · 25352 阅读 · 2 评论 -
两款html解析库html2struct及majestic12介绍
原文:http://www.codeproject.com/Articles/752625/html-struct-Class-Library转载 2014-10-31 09:56:26 · 2907 阅读 · 0 评论 -
ASP.NET MVC文件上传、文件拖拽上传demo
原文:转载 2014-10-31 09:19:30 · 7155 阅读 · 0 评论 -
表单序列化,jq中的serialize
$(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmU原创 2014-02-20 22:38:11 · 11566 阅读 · 0 评论 -
关于html代码中name为apple-itunes-app的meta标签
有些网站看它html网页源码会有类似下面的一段代码在head中:一开始我也百思不得其解,查了下才知道原文:http://segmentfault.com/q/1010000000171226这个标签是告诉iphone的safari浏览器,这个网站对应的app是什么,然后在页面上面显示一个下载banner参考:http://developer.apple.com/li转载 2015-01-29 10:47:10 · 4192 阅读 · 0 评论 -
关于< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
原文:http://blog.sina.com.cn/s/blog_5ea463780100xwni.html这位作者已经详解的很详细了。这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模转载 2015-01-29 10:17:36 · 3897 阅读 · 0 评论 -
HTTP X-Frame-Options 防止iframe内框架调用
X-Frame-Options response header 可用于指示是否应该允许浏览器呈现在一个页面 或 中. 以确保网站内容是不是嵌入到其它网站. X-Frame-Options" content="SAMEORIGIN / DENY "> X-Frame-Options 使用X-Frame-Options 有两种可能的值: DENY :该原创 2015-01-29 11:26:05 · 28249 阅读 · 0 评论 -
<meta property="og:需要写的标签"的应用
原文:http://gaoke0820.blog.163.com/blog/static/21664965201385104151396/Meta Property=og标签是什么呢?og是一种新的HTTP头部标记,即Open Graph Protocol:The Open Graph Protocol enables any web page to become a转载 2015-01-29 10:36:15 · 2049 阅读 · 0 评论 -
关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..
网页源代码中有时候会遇到这样的一段代码:<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />width - viewport的宽度 height - viewport的高度initial-scale - 初始转载 2015-01-29 09:59:03 · 49639 阅读 · 0 评论 -
HTML中<link rel="next".../> start next prev 属性值
原文:http://www.dreamdu.com/xhtml/attribute_start_next_prev/start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的urlstart next prev属性值通常在,rel,rev属性中出现引用网址:http://w转载 2015-01-28 17:34:19 · 3880 阅读 · 0 评论 -
link rel=”canonical”标签的用法
原文:http://www.hzseoj.com/canonical.html关于rel=”canonical”这个标签,早在2009年2月,谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical.主要是帮助搜索引擎解决网站内容存在多个版本,来制定规范的链接。解决内容重复的收录。现在百度也支持这个标签了,如果不采用rel=”canonic转载 2015-01-28 17:27:58 · 14843 阅读 · 0 评论 -
Bootstrap CDN资源
来源:http://getbootstrap.com/getting-started/#migration-dropped rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> rel="stylesheet" href="//netdna.bootstr转载 2014-03-06 10:37:10 · 6853 阅读 · 0 评论 -
JavaScript 图片放大镜插件 enlarge.js 以及移动版 enlarge.touch.js
Enlarge.jsEnlarge 是一个基于 jQuery 的插件,可以非常方便地实现图放大镜的效果,适用于大多数商品类网站,例如在线商城、电子商务、企业产品介绍等。下载开发版:jquery.enlarge.js - 3.51K压缩版:jquery.enlarge.min.js - 1.67K使用默认调用:$转载 2014-01-17 00:29:34 · 3277 阅读 · 1 评论 -
jq模仿select下拉框
EasyCMS - 后台管理 .toggleoption{height:45px; background-color:#063; border-bottom:4px solid #000; position:relative; z-index:10002; display:none;}原创 2013-09-12 16:37:48 · 4957 阅读 · 0 评论 -
toggle一个div,显示与隐藏,可以扩展成自定义下拉框
$(function(){ //toggle div $("#gga").click(function(event){ event.stopPropagation(); //阻止冒泡事件 $(".toggleoption").slideToggle("fast"); }); //slideup div $(document).click(function(even原创 2013-09-12 14:33:52 · 2185 阅读 · 0 评论 -
js兼容处理键盘响应
//js兼容处理键盘响应 document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 27) { // 按 Esc原创 2013-09-12 21:38:19 · 1708 阅读 · 0 评论 -
添加js的技巧
看了一个微信互动的源码,觉得这样添加js也很有技巧,分享一下原作者的思路:__CreateWlnPath = function (js) { if (true) { var scripts = document.getElementsByTagName("script"); var path = ""; for (var转载 2013-05-17 16:31:45 · 1244 阅读 · 0 评论 -
input:-webkit-autofill 谷歌浏览器 修改input输入框的颜色
有没有遇到这种问题,在用form提交表单的时候,会发现有的输入框中的颜色发生了变化,但是你并没有给输入框添加颜色?纠结的找了半天也找不到原在测试的时候发现谷歌浏览器下,输入框的颜色发生了变化,找了半天,发现是它导致的。1. nput:-webkit-autofill { 2. background-color: hsl(65, 100%, 87%); 3.转载 2013-05-27 08:07:57 · 6177 阅读 · 1 评论 -
jq悬浮效果
无标题页 *{ margin:0; padding:0;} img{ border:none;} .content{ width:1100px; margin:0 auto;} .imglist{ width:1100px;} .imglist img{ float:left; margin原创 2013-04-17 09:15:47 · 5458 阅读 · 0 评论 -
封装一个自动检索框,原型是autocomplete
1.需要几个库文件jquery库,jquery-ui库,jquery-ui-1.10.3.custom.min.css样式表库(当然部分效果img就略了,可自行到官网下载)2.我们看看原型效果代码: 自动搜索... $(function() { var t = ''; var avai原创 2013-07-20 17:52:01 · 2266 阅读 · 0 评论 -
Jquery技巧汇总
1、关于页面元素的引用通过 jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、 jQuery对象与dom对象的转换只有 jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对转载 2013-05-16 17:50:08 · 1418 阅读 · 0 评论 -
关于JSONP的原理和JQ中使用JSONP
原文:http://www.cssdemon.me/?p=298在web2.0的时代,ajax的盛行给web带来了翻天覆地的变化,允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。不过,由于受到浏览器的限制,该方法不允许跨域通信。如果尝转载 2013-09-18 12:42:27 · 10279 阅读 · 1 评论 -
推荐大家使用的CSS书写规范、顺序
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(background, b转载 2013-09-29 09:39:49 · 906 阅读 · 0 评论 -
给网页添加[回到顶部]和[去底部]功能
原文:http://www.weixq.cn/Article/Detail/1047当网页内容比较长,导致页面高度比较高,出现滚动条时,我们往往希望可以直接点击按钮到达网页的底部或者顶部。那么今天我们就来实现这样的功能。首先在需要显示【回顶部】和【去底部】按钮的页面引用JQueryscript src="http://code.jquery.com/jque转载 2014-02-12 13:24:15 · 5432 阅读 · 8 评论 -
IFrame跨域处理方法-Javascript
原文:http://www.cnblogs.com/ranran/p/jquery_iframe.htmlIFrame跨域处理方法-Javascript在漫长的前端开发旅途上,无可避免的会接触到ajax,而且一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,目前我没有找到明确的资料说明这是为什么,我觉转载 2014-01-02 21:03:27 · 1262 阅读 · 0 评论 -
密码输入框提预先提示后内容效果实现
$("#txtKeyClick").click(function () { $(this).hide(); $("#txtPwd").show().focus(); }); $("#txtPwd").bind('blur', function () { i原创 2013-05-29 10:28:56 · 1689 阅读 · 0 评论 -
webkit浏览器自定义滚动条样式代码
原文地址:http://www.yiyifly.com/blog/archives/572 网页标题html { overflow: auto;}body { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll;转载 2013-05-22 15:35:09 · 6240 阅读 · 0 评论 -
jQuery复制文本内容到剪贴板插件 ZeroClipboard
jQuery ZeroClipboard 是优秀的jQuery 复制内容到剪贴板的插件,由于各个浏览器的安全特性不一样,JS代码在复制内容各个浏览器表现不一,甚至无法实现,所以诞生了Flash 拷贝内容,很好的解决了兼容性问题以及安全性问题,值得学习和利用他。特性:1.兼容Flash102.避免浏览器安全冲突3.无干扰提示4.支持样式自定义在hover和active转载 2013-11-17 17:37:07 · 10258 阅读 · 0 评论 -
实用兼容性比较好的jQuery图片裁剪插件CropZoom
原文:http://www.js-css.cn/a/jscode/cutpic/2013/1102/1013.html非常不错的jQuery图片裁剪插件CropZoom,功能非常强大,可以旋转图片,改变图片显示比例,拖拽到指定区域进行裁剪,裁剪及时显示裁剪图片效果,绝对能满足你的需求,很适合头像图片裁剪方面的应用。兼容性:兼容IE6+,fireFox2+,Ope转载 2013-11-17 17:35:08 · 17390 阅读 · 2 评论 -
web的时候关于删除提示处理
服务控件:OnClientClick="javascript:if (confirm('确定删除吗?')) { return true;}else{return false;};"普通的a标签:'>删除原创 2013-11-02 19:46:56 · 1413 阅读 · 0 评论 -
屏蔽网页右鍵兼容IE6/7/8/9/10/FireFox,谷歌Chrome
原文:http://www.51xuediannao.com/qd63/index.php/page-2-72-1.htmlfunction clickIE4(){ if (event.button==2){ return false; }//end if}//end func function clickNS转载 2013-10-31 15:45:45 · 1934 阅读 · 0 评论 -
ifream高度自适应
这是个老问题,最近自己搞了框架,顺手把代码贴上,后来者看到也方便绕弯子。一般页面上包裹ifream的有一个容器,这里姑且把它的容器设置成div,它的id是Container对于Container,一般要设置基础的样式的,这个样式大致这样:#Container { margin: 0 auto; padding: 0px;原创 2015-10-28 15:36:20 · 1524 阅读 · 0 评论