前端技术

前端技术学习

js(javascript)页面跳转整理

rockyxia 10年前 (2014-07-30) 8860浏览

正文直接开始 http meta方式 <meta http-equiv=refresh content=3;url='/search/billsearch.jsp'> <a href="javascript:countDown"><span id="tiao">3</span>秒后自动跳转……</a> ...

JS控制图片显示的大小（图片等比例缩放）

rockyxia 10年前 (2014-07-29) 8938浏览

正文直接开始在网页中放图片的时候我们经常会遇到图片变形的问题，今天给大家分享一个等比例压缩图片的js，可以设置最大宽高，然后等比例自动压缩。 <script type="text/javascript"> function AutoResizeImage(maxWidth,maxHeight,objImg){ var img = new Image(); ...

html5 网页视频播放器 video.js 与 OSM Player

rockyxia 11年前 (2013-10-04) 11111浏览

写在前面最近一个网站项目用上响应式布局，这也是我的第一次尝试，其实做起来也一样并没有遇到太大的问题，开始的时候可能需要大量的百度和谷歌你才能入门，当你真正去做的时候会发现很便捷。正文开始由于响应式布局主要是针对移动手持设备的，占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器，这个大家应该都能想到，使用了html5时我们必须要考虑到目前国内的大量的ie6-...

css ie6、ie7、ie8中overflow:hidden无效解决办法

rockyxia 11年前 (2013-03-06) 9488浏览

产生原因当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。解决办法我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden; 解决这个bug很简单，在父元素中使用position:relative;即可解决该bug ie7和ie6 发现在ie6和ie7里面overflow:h...

翻译：稳定、地道HTML书写原则

rockyxia 11年前 (2013-01-12) 8283浏览

原文链接：Principles of writing consistent, idiomatic HTML 原文作者：necolas 翻译编辑：张鑫旭 //zxx: 以下为翻译全文 ——– 一、一般原则所有的代码应看似出自一人之手，即使奶妈有多人。严格执行约定的风格。若风格不定，使用现有、常用风格。二、空白你的整个源代码应该只存在一种风格。空白使用前后一致，使用空白提高可读性。到死也不要混...

[JSON学习记录1]初识JSON、JSON与XML

rockyxia 12年前 (2012-10-22) 7526浏览

JSON 介绍我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。 JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。优点 1、轻量级的数据交换格式 2、人们读写更加容易 3、易于机器的解...

JavaScript数组排序

rockyxia 12年前 (2012-10-22) 7006浏览

JavaScript实现多维数组、对象数组排序，其实用的就是原生的sort()方法，用于对数组的元素进行排序。 sort() 方法用于对数组的元素进行排序。语法如下： arrayObject.sort(sortby); 返回值为对数组的引用。请注意，数组在原数组上进行排序，不生成副本。如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实...

javascript手机号码电话号码验证、邮箱验证函数

rockyxia 12年前 (2012-09-18) 10460浏览

写在前面在我们做前端页面表单提交时经常会遇到手机号码和邮箱的验证，方法多种多样，此文记录偶平时使用的一个函数！此文已转发此百度经验，详情请移步百度经验！点此进入验证函数： <script language="javascript"> function check(form) { if (form.phone.value == '...

有关png图片在IE6下透明的那些事

rockyxia 12年前 (2012-09-07) 9023浏览

看了群的聊天记录，一直有人问IE6下png图片怎么透明，其实有关png透明的文章网上有很多，方法也有很多，这里就小小的总结一下： 1、使用GIF代替 .pngImg { background:url(image.png); _background:url(image.gif);} 缺点：PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，所以降低了效果 2、滤镜解决...

kxbdSuperMarquee, 超级Marquee, 可做图片导航, 图片轮换, 图片滚动

rockyxia 12年前 (2012-08-18) 11746浏览

在做网站的过程中，我们经常会遇到各种图片滚动或切换的效果，关于图片的滚动和切换我一直都是在使用MSclass（这是什么？）这个JS库，虽然他的效果已经有很多，但是偶尔还是会遇到一些没有的，另外这个库还有几个缺点，例如图片切换只有一张图时会报错，有的效果代码太多，所以有时也不想去使用她，最近又发现了一款基于JQuery的库kxbdSuperMarquee，效果不多但是比较简洁！下面给大家来介绍一下这个kxbd...

通过CSS实现换行的几个标签

rockyxia 12年前 (2012-07-04) 11800浏览

Tags: text-wrap 定义文本的自动换行效果属性效果 normal 在允许的断点处自动换行 none 文本不会自动换行；对于不“合身”的容器，文本将会溢出 unrestricted 在任意的文法单词间都可断行，比 normal 的限制要松散很多 suppress 除非断行处没有其他任何允许的断点，方可进行断行，这比 unrestricted 严格，比 normal 松散 word-wrap 执...

js判断ie最短的写法(ie6\7\8)

rockyxia 12年前 (2012-07-04) 8185浏览

上来就是结果 var ie = !-[1,]; 这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法，执行[1,].toString()在IE6,7,8中将会得到”1,”。然后表达式就变为!-“1,”。再尝试把”1，”...

Javascrip通过正则实现微博的话题和@功能示例

rockyxia 12年前 (2012-04-22) 11259浏览

现在的微博那叫一个火啊，以至于偶们公司的老总都亲自要求我们搞程序搞研发高前端这块的人都必须要上微博啊，还必须得是新浪微博，腾讯微博那是小学生玩的！（//rockyxia:老总是这么说，但是没有贬低腾讯微博的意思）废话的了一大坨，开始进入正题，今天要搞的是微博那话题和@两个功能，我想大家对这两个功能应该对不陌生了，想一想也知道肯定是通过正则整出来的，今天我给大...

分享一个js获取服务器时间，然后做倒计时的程序

rockyxia 12年前 (2012-04-08) 14769浏览

正文直接开始我们经常在网上看到那些商城里有限时抢购和秒杀一类的倒计时，今天我来分享一个用js获取服务器时然后做倒计时的程序，至于为什么要获取服务器时间我想大家都懂的！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...

CSS优先级之计算选择器的特殊性( Selector’s specificity )

rockyxia 12年前 (2012-03-30) 14304浏览

关于css优先级的问题我想也困扰过很多人，特别是我今天发这篇文章里面所说这种情况，本文内容是截取自KB005：CSS层叠文章中的关于计算选择器的特殊性( Selector’s specificity )部分，下面直接进入主题吧！选择器的特殊性是在相同来源，相同重要性的规则之间判定最终哪个规则会起作用。比如，同是开发者自己定义的样式，并且，没有使用 “!importantR...

HTML5和CSS3令设计师心动的新特征

rockyxia 12年前 (2012-03-22) 7910浏览

写在前面本文标题的这副图片，是用Phosotshop制作的。但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么，有没有一种新的方法可以避免这些缺点呢? 有的，HTML5和CSS3就可以满足你的需求。甚至，它可以做的更多，更好。作为一名设计师，我们应当了解它们是什么东西，有什么特性，从而进...

Javascript js 返回上一页刷新页面方法收集

rockyxia 12年前 (2012-01-06) 12331浏览

Javascript 返回上一页 Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); history.back() window.history.forward()返回下一页 window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);"&...

轻松让INPUT框只能输入整数

rockyxia 13年前 (2011-12-13) 33144浏览

正文直接开始有时我们需要我们的input只能输入整数,把中文,英文以及所有字符全部屏蔽掉,我找到了一个非常简便的方法,分享给大家,如果大家有更好的也请一起分享哈! 只需要在input中加入以下代码即可: style="ime-mode:disabled" onkeypress="return event.keyCode>=48&&event.keyCod...

HTML5和HTML4之间的10个主要不同点

rockyxia 13年前 (2011-11-18) 6323浏览

HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。事实上，HTML5并没有对HTML4做什么重大的修改，它们很多东西都是相似的。可是，其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要...

CSS滤镜在图片链接时的应用

rockyxia 13年前 (2011-10-18) 7000浏览

我们经常在网上看到一些图片鼠标放上去就感觉变色了，但是这个图片还是原来的图片，并没有变换图片，其实这就是使用了滤镜的功能！滤镜是css中常用的功能，图片在网页中配合css滤镜可以做出很好看的效果！今天我自己也尝试着做了一个小测试，代码页很简单，我先把代码放上来吧！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...