web前端
iteye_18766
这个作者很懒,什么都没留下…
展开
-
CSS的鼠标为手形: cursor:pointer;
[align=center][size=xx-large][color=violet]CSS的鼠标为手形:cursor[/color][/size][/align] 在IE下,设置CSS的鼠标为手形,通常用:[code="ie"] cursor:hand;[/code] 这在Firefox下是无效的。在Firefox下,欲使鼠标的形状呈现手形,得用 pointer 值: [code="i...原创 2010-09-14 08:49:36 · 235 阅读 · 0 评论 -
input 提示文字
大家都见到很多网站的文本框都有灰色提文字,一点即消失,鼠标一开又出现(没填写状态下)用下面这段短短的代码就可以实现啦! 将这段代码加载input 中! <input id="" name="" value="提示文字" onFocus="if(value=='提示文字'){value='';this.style.color='#000'}" onBlur="if(!value)...原创 2016-03-02 09:28:48 · 1101 阅读 · 1 评论 -
开源在线视频播放器flowplayer
开源在线视频播放器flowplayer https://flowplayer.org/demos/原创 2016-04-13 08:47:01 · 358 阅读 · 0 评论 -
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件 http://www.swiper.com.cn/原创 2016-04-15 22:30:07 · 209 阅读 · 0 评论 -
WebRTC下线聊天室
https://talky.io/原创 2016-04-28 09:59:43 · 108 阅读 · 0 评论 -
知道这20个正则表达式,能让你少写1,000行代码
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。下面是@技匠整理的,在前端开发中经常使用到的20个正则表达式。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:123varr...原创 2016-05-16 08:51:24 · 116 阅读 · 0 评论 -
jquery获取父窗口的元素
jquery获取父窗口的元素 背景: 子页面元素是include进来的,在子页面元素需要获取父页面的元素做一些操作.. jquery提供了一个很好的方法 $("#父页面元素id" , parent.document) 同样适用于iframe 背景: 子页面元素是include进来的,在父页面元素需要获取子页面的元素做一些操作.. 方法: $('#子页面元素').content...原创 2016-05-18 09:56:45 · 247 阅读 · 0 评论 -
jquery dataTable 参数详解
http://www.360doc.com/content/15/0108/14/8790037_439143305.shtml 1 //@translator codepiano 2 //@blog codepiano 3 //@email codepiano.li@gmail.com 4 //尝试着翻译了一下,难免有错误的地方,欢迎发邮件告知,...原创 2016-05-18 10:14:07 · 223 阅读 · 0 评论 -
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法 body{ margin:0; padding:0;} #con{ position:absolute; top:0; left:0; height:100%; width:100%; background-image:url("maskimg/star.jpg"); background-positio...原创 2016-05-24 15:25:42 · 6123 阅读 · 0 评论 -
Phantomjs和CarsperJS后台网页抓取和交互
自从有了Phantomjs和CarsperJS后台网页抓取和交互变得异常的简单 Phantomjs 与nodejs结合https://github.com/amir20/phantomjs-node Casper抓取网页信息http://casperjs.readthedocs.io/en/latest/modules/casper.html ...原创 2016-07-28 11:55:09 · 405 阅读 · 0 评论 -
图片选择 显示缩略图
不支持IE6、7、8,但是其中有判断会提示。[code="html"] 图片缩略图 function previewImage(file){ var div = document.getElementById("curImg"); var MAXWIDTH = 50; var MAXHEIGHT = 50; ...原创 2014-04-09 15:33:50 · 157 阅读 · 0 评论 -
用PhantomJS来给AJAX站点做SEO优化
转 https://www.mxgw.info/t/phantomjs-prerender-for-seo.html 腾讯问卷所有动态内容,全部由Ajax接口提供。众所周知,大部分的搜索引擎爬虫都不会执行JS,也就是说,如果页面内容由Ajax返回的话,搜索引擎是爬取不到部分内容的,也就无从做SEO了。先来看看效果去年一整年,搜索引擎收录都少得可怜。更致命的是,被收录...原创 2016-09-21 08:47:57 · 986 阅读 · 0 评论 -
httpuseragent
http://www.httpuseragent.org/原创 2016-09-22 16:40:56 · 281 阅读 · 0 评论 -
css 垂直居中
[code="java"] vertical-align:middle; height: 106px; text-align:center; display:table-cell;[/code]原创 2014-12-18 12:03:36 · 70 阅读 · 0 评论 -
html css ui
http://www.bootcss.com/ http://www.h-ui.net/index.shtml http://sentsin.com/jquery/layer/ http://www.bootcss.com/p/stickup/ 固定div http://www.bootcss.com/p/layoutit/可视化布局...原创 2015-01-21 16:03:37 · 195 阅读 · 0 评论 -
在线编辑器 上传控件
在线编辑器 上传控件 http://kindeditor.net/demo.php 上传控件:原创 2015-03-06 14:07:08 · 83 阅读 · 0 评论 -
C# web 更新折腾记
web今天更新,偷懒 就更新了 controller service dao 的dll ,出现奇怪问题,web 功能 浏览器get参数有时丢失,折腾了下,原先怀疑是controller 非线程安全,并发太大,导致。处理下,还是不行,然后怀疑mvc版本不一致,更新了整个bin,结果问题结果。总结,更新C#项目,稳妥操作:整个bin更新。结束。...原创 2015-05-09 13:11:14 · 136 阅读 · 0 评论 -
nodejs递归创建多层目录
nodejs递归创建目录,同步和异步方法。在官方API中只提供了最基本的方法,只能创建单级目录,如果要创建一个多级的目录(./aaa/bbb/ccc)就只能一级一级的创建,感觉不是很方便,因此简单写了两个支持多级目录创建的方法。直接代码:[code="javascript"]/** * Created by RockeyCai on 16/2/22. * 创建文件夹帮助...原创 2016-02-22 17:18:42 · 995 阅读 · 0 评论 -
备忘 nodejs生产pdf 组件 node-wkhtmltopdf
备忘 nodejs生产pdf 组件 node-wkhtmltopdf A Node.js wrapper for the wkhtmltopdf command line tool. As the name implies, it converts HTML documents to PDFs using WebKit.[size=x-large][color=red]将Html ...原创 2016-02-22 15:23:42 · 1099 阅读 · 0 评论 -
30个IE和Firefox兼容问题
[size=xx-large][color=violet][align=center]30个IE和Firefox兼容问题[/align][/color][/size]1. document.form.item 问题(1)现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行(...原创 2010-09-14 09:31:41 · 149 阅读 · 0 评论 -
图标搜索网站 http://easyicon.net/
一个非常不错的图标搜索网站[code="java"]http://easyicon.net/[/code][url]http://easyicon.net/[/url]一个非常不错的图标搜索网站[code="java"]http://findicons.com/[/code][url]http://findicons.com/[/url]图片资源[cod...原创 2010-12-20 09:21:26 · 883 阅读 · 0 评论 -
4行代码搞定iframe高度自动变化,完美兼容(转)
本帖转自: http://www.iteye.com/topic/839143跨域问题 :http://ued.alimama.com/front-end/use-location-hash-to-auto-sizing/引用一个iframe高度自动变化的问题搞了我半天,网上找了下资料,不是很好,结合了一下jquery(版本1.3.2),4行代码即可,完美兼容IE、Firefox、...原创 2011-05-11 10:54:13 · 91 阅读 · 0 评论 -
DIV水平和垂直方向都居中(转)
来源 : http://www.iteye.com/topic/609383还有一贴 :http://justcoding.iteye.com/blog/584186昨天考完试,今天太无聊了,于是看了一下JavaScript,然后写了个让DIV水平和垂直方向都居中的JS。Chrome 4.0.x、Firefox 3.6、IE 8 下正常。 Html代码 收藏代码...原创 2011-05-11 11:02:04 · 203 阅读 · 0 评论 -
图片切换控件
Unslider 是一款非常轻量的 jQuery 插件(压缩后只有 1KB),能够用于任何 HTML 内容的滑动。可以响应容器的大小变化,自动排布不用大小的滑块。可以通过整合 jQuery.event.swipe 来让其支持触屏设备的滑动功能。http://unslider.com/http://www.bootcss.com/p/unslider/ 移动的滑动切换图片 用这个...原创 2015-07-08 12:03:14 · 156 阅读 · 0 评论 -
Http代理抓包 Fiddler与Charles
Http代理抓包 Fiddler与Charles原创 2015-12-09 12:33:36 · 356 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
解决子级用css float浮动 而父级div没高度不能自适应高度http://www.divcss5.com/jiqiao/j612.shtml 我采用的是 父div 加 overflow:hidden 即可 解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。最外层的父级DIV不能自适应高度-不...原创 2015-12-23 13:36:04 · 98 阅读 · 0 评论 -
JQuery实现文字无缝滚动效果(Marquee插件)
推荐一个JQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果。此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准。官方演示,如下: Demo使用方法如下:1、加载javascript。<script type="text/javascript" src="js/jquery.js"></script&...原创 2015-12-23 16:53:34 · 492 阅读 · 0 评论 -
文档编辑器,可以用独立上传模块的
http://kindeditor.net/ 编辑器演示default.html (默认模式)simple.html (简单模式)dynamic-load.html (异步加载)multi-language.html (多语言)readonly.html (只读模式)newline.html (回车换行设置)word-count.html ...原创 2015-12-28 13:55:57 · 97 阅读 · 0 评论 -
setInterval和setTimeout停止的方法
先来了解 setInterval : 1,HTML DOM setInterval() 方法 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数...原创 2016-01-13 14:57:38 · 799 阅读 · 0 评论 -
Web 开发中很实用的10个效果【附源码下载】
Web 开发中很实用的10个效果【附源码下载】 在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏!超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被...原创 2016-01-15 09:26:56 · 128 阅读 · 0 评论 -
表单验证
关于ValidformValidform:一行代码搞定整站的表单验证!1$(".demoform").Validform();为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一...原创 2016-01-15 14:54:58 · 67 阅读 · 0 评论 -
jquery templates jQuery html模板
jQuery Templates plugin vBeta1.0.0https://github.com/BorisMoore/jquery-tmpl原创 2016-01-22 00:59:25 · 479 阅读 · 0 评论 -
标记meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1"
陌生标记标记一:[code="html"]< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />[/code]介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:[...原创 2016-02-15 09:35:28 · 187 阅读 · 0 评论 -
JavaScript格式化数字显示格式
JavaScript格式化数字显示格式 [code="JavaScript"]/** * 格式化数字显示方式 * 用法 * formatNumber(12345.999,'#,##0.00'); * formatNumber(12345.999,'#,##0.##'); * formatNumber(123,'000000'); * @param ...原创 2016-02-15 14:31:20 · 971 阅读 · 0 评论 -
jquery 回车事件
jquery 回车事件简单地记下jquery实现回车事件,代码如下:全局:[code="html"]$(function(){document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('...原创 2016-02-22 10:51:58 · 130 阅读 · 0 评论 -
IT网址导航 拒绝平庸,只收集最有价值的网站(排名不分先后)。
IT网址导航 拒绝平庸,只收集最有价值的网站(排名不分先后)。 http://www.h-ui.net/site.shtml原创 2015-05-09 16:17:33 · 139 阅读 · 0 评论