最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

前端技术

前端技术学习

用select做下拉式友情链接

rockyxia 13年前 (2011-10-13) 9978浏览

用select做下拉式友情链接 javascript代码: <script language="JavaScript" type="text/JavaScript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0 //本窗口打开 //eval(targ+...

DIV未知高度垂直居中的CSS解决方法

rockyxia 13年前 (2011-09-29) 7376浏览

原文标题:Vertical Centering in CSS 副标题:Yuhu’s Definitive Solution with Unknown Hei 尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABL...

javascript方法控制多个div高度一致(以最大高度)

rockyxia 13年前 (2011-09-22) 9825浏览

使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧: html代...

禁止右键和拖选复制代码

rockyxia 13年前 (2011-09-22) 6894浏览

这是我一直在使用的禁止右键和托选复制代码 oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy="document.sel...

[ie6hack]如何解决ie6下li左浮动换行产生的hack

rockyxia 13年前 (2011-09-08) 18545浏览

写在前面 ie6真是一个头疼的问题,让前端人员真的是伤透脑筋,却经常还是无法解决,今天我又一次遇到了一个关于在ie6下li左浮动换行产生的问题,最终没有办法解决,选择放弃了li而采用span标签!悲剧啊,由于本人的水平有限,希望大神能够指点一二啊!接下来我给大家说说我的情况啊,不知道大家在遇到时是怎么解决的呢? 首先直接看源码 html部分: <div class="xiaoxue&qu...

最简单的:年月日,星期,时分秒

rockyxia 13年前 (2011-08-30) 7943浏览

直接上代码: <div id="webjx"></div> <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+"+".charAt(new Date().getDay());",1000); </script> 需要在哪里显示就放哪里就行了 关于这段js的原理,我...

行高在文章显示中的应用

rockyxia 13年前 (2011-08-29) 7167浏览

一般社交型的网站都会有发博文或写日志的功能,其中发表后的文章显示也是有学问的,其中之一就是line-height行高。 首先要知道行高的几种表示方法:px/em,或normal,或百分值,或数值,或inherit继承。 在显示文章的box里,px的表示方法首先是要被淘汰的。因为文章里面的文字是有大有小的,使用px定值,由于继承性,无法实现根据文字大小自动调整间距,会出现大号文字重叠的现象。normal也是...

CSS技术二之clearfix-清除浮动

rockyxia 13年前 (2011-08-26) 7344浏览

在设计中常常会遇到这样的问题: 当容器内部有float样式时,容器的高度不会被撑开。 下面介绍两种方法解决上面的问题 第一种:在浮动元素后面加一个clear: both;比较常见的方法。 缺点:兼容性不强,IE6下div.clear会有高度,需要height:0,overflow:hidden来解决;页面有冗余代码。 第二种方法:clearfix;最完美的解决方法。 .clearfix:after { ...

css技术一之css hack

rockyxia 13年前 (2011-08-26) 6333浏览

CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 简介 这个针对不同的浏览器写不同的CSS...

减少图片HTTP请求的方案

rockyxia 13年前 (2011-08-26) 8980浏览

当一个页面的图片在没有使用任何方案的情况下,五个图片超链接就只能使用五个图标按钮。 代码如下: <div style="border: 2px ridge rgb(51, 51, 51); background-color: rgb(244, 245, 235); width: 200px; padding-top: 4px;"> <center> <...

快速定位页面中复杂 CSS BUG

rockyxia 13年前 (2011-08-26) 7799浏览

写在前面 相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” 也并非指一定是浏览器的 BUG 。对于此类问题,我们首先要解决的是如何定位到问题,只有快速的定位到问题,才能更好的解决问题。 对...

13个JavaScript网站制作中实用技巧

rockyxia 13年前 (2011-08-26) 8305浏览

1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" 2. 取消选取、防止复制 <body onselectstart="return false"> 3. 不准粘贴 onpaste="return false" 4. 防止复制 oncopy="return false;" oncut="return false;" 5. IE地...

CSS技巧:详解清除浮动

rockyxia 13年前 (2011-08-26) 6608浏览

在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:<div style="clear:both;"></div>。 例如: <div style="background:#666;"> <!-- float container --> <div style="float:left; width:30%; height:40px;backg...

两题前端开发工程师面试题

rockyxia 13年前 (2011-08-25) 11476浏览

1. 用 CSS 实现布局 让我们一起来做一个页面 首先,我们需要一个布局。 请使用 CSS 控制 3 个 div,实现如下图的布局。 这题不难,在平时项目开发过程中也经常会碰到: 主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清楚浮动; CSS代码 div{background:#CCCCCC;} #first{float:left;width:100px; height:150px...