CSS+DIV - 随笔分类 - Renn.Erann

不用JS轻松实现字母大小写转换

摘要：text-transform 版本：CSS1　兼容性：IE4+ NS4+ 继承性：有语法： text-transform : none | capitalize | uppercase | lowercase 参数： none : 无转换发生 capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生 uppercase : 转换成大写 lowercase : 转换成小写说明：检索或设置对象中的文本的大小写。对应的脚本特性为textTransform。请参阅我编写的其他书目。示例： div { text-transform : none; } div { text-t 阅读全文

posted @ 2011-02-28 15:46 Renn.Erann 阅读(486) 评论(0) 推荐(0)

【转】URL汉字编码问题（及乱码解决）

摘要：转自乐在其中：http://leowzy.javaeye.com/blog/794464页面两次转码：encodeURI(encodeURI(Ext.get('drug_id').dom.value)) java里解码：java.net.URLDecoder.decode(request .getParameter("drug_id"), "UTF-8") 一、问题的由来 URL就是网址，只要上网，就一定会用到。一般来说，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。比如，世界上有英文字母的网址 “http: 阅读全文

posted @ 2010-11-17 11:00 Renn.Erann 阅读(5443) 评论(0) 推荐(2)

【jQuery】用DIV层模拟下拉列表

摘要：实现的效果图如下：代码：样式：.SelectTitle{display:block; color:#466b95; text-decoration:none; line-height:15px; padding:3px 20px 3px 3px; padding:4px 20px 2px 3px\9; background:url(../images/manage/ion.gif) right -602px no-repeat #fff; width:117px; border:1px solid #a4a4a4;} .SelectBox{border:1px solid #a4a4a4; p 阅读全文

posted @ 2010-09-29 14:25 Renn.Erann 阅读(579) 评论(0) 推荐(0)

Jquery获取了元素

摘要：$('li').first()parent > child <table> <tbody id="tb"> <tr> <td> 第一级1 </td> </tr> <tr> <td> 第一级2 </td> </tr> </tbody> </table> 如果不加tbody id="tb"; 直接写在<table id="tb">。 alert($("# 阅读全文

posted @ 2010-07-07 09:52 Renn.Erann 阅读(167) 评论(0) 推荐(0)

【jQuery+scroll】可以随滚动条而跳转到指定层

摘要：上图：效果一：点击“去广告位2”则跳转到层广告2的位置效果二：滚动条向下移动时，top层移出时刚显示“back-to-top”按钮。点击回到顶层两种效果需要jQuery支持。阅读全文

posted @ 2010-06-15 18:10 Renn.Erann 阅读(403) 评论(0) 推荐(0)

JS+CSS固定层位置（随浏览器大小绝对固定）

摘要：随浏览器大小绝对固定。待更新：在初时隐藏，滚动条下拉时出现。效果图：JS代码： function browserWidth() { if (self.innerWidth) { return self.innerWidth - 20; } else { return document.body.clientWidth; } return 800; } function Leftonload() { var wt = browserWidth() + 10; if (wt > 960) { wt = (wt - 960) / 2 + 475 + "px"; docume 阅读全文

posted @ 2010-06-06 11:44 Renn.Erann 阅读(1712) 评论(0) 推荐(0)

input与label的对齐

摘要：上图看效果：通过上两图对比可以看出效果变化。主要是在IE7中测试的效果。CSS代码：/*利用“*+”,来专署定义IE7，利用“_” 来专署定义IE6*/ input{margin: 0; *+vertical-align:bottom; *+margin-top:-2px; _vertical-align:middle;} 阅读全文

posted @ 2010-06-05 16:39 Renn.Erann 阅读(510) 评论(0) 推荐(0)

jQuery与其他库冲突的解决方法

摘要：今天使用了mootools库的图片轮换效果。结果出差了。原来这个文件中已经引用了Jquery库。两库相冲突。导致不能运行。主要原因是$的重载造成的。$("Divid")为Jquery以为的库使用的参数调用方式。Jquery则使用$("#id"),这样造成Jquery下的很多不能使用。我的解决办法：//定义匿名函数并设置形参为$ //执行匿名函数且传递实参jQuery(function($) {//原来的jquery函数/*---------登录login-------*/function chkLogin() { if ($("#loginUs 阅读全文

posted @ 2010-04-30 16:46 Renn.Erann 阅读(387) 评论(0) 推荐(0)

CSS IE6+、FF兼容图片大小自适应

摘要：CSS代码如下：img { /*-- 专门用于限定文章DIV下的图片 --*/ max-width: 680px; max-height: 700px; }*html img { /*兼容IE6*/ width: expression(this.width > 700 && this.width > this.height ? 680 : true); height: expression(this.height > 700 || this.height > this.width ? 700 : true); } 阅读全文

posted @ 2010-02-11 09:40 Renn.Erann 阅读(328) 评论(0) 推荐(0)

CSS对长度过长的文字进行隐藏处理

摘要：上效果图代码：<h3>新闻动态</h3> <ul style=" line-height:24px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; margin-right:20px;"> <li><a href="#" mce_href="#">2007年中国职业装十大新闻</a></li> <li><a href= 阅读全文

posted @ 2009-11-18 16:53 Renn.Erann 阅读(679) 评论(0) 推荐(0)

解决ajax以post方式传参时，字符串中有单引号的错误。

摘要：今天用ajax的post方式传值时，遇到一个问题，始终没有找到问题原因。后来把传的值中单引号去掉后，js正常了。经过搜索，也没有找到具体原因。最后通过隐藏域来中转该字符串。最后解决这个问题！无语了！备忘！js部份：////异步调用服务器信息function CallServiceInsert(){ var url=""; var param = ""; var sql = document.getElementById("hidSQL").value; //sql语句中有单引号，如果直接传参会报错。 url = "../aj 阅读全文

posted @ 2009-11-09 15:50 Renn.Erann 阅读(2320) 评论(0) 推荐(0)

弹出层与蒙版在浏览器中兼容性问题

摘要：今天折腾了半天。终于搞定在IE，FF，Chromium中显示浮动层。且背景有阴影的效果。其中的效果如下图所示IE中显示效果。FF中显示效果。CSS样式：#mask /*背景蒙版层样式*/ { position: absolute; top: 0; left: 0; background: #666; opacity: 0.50; /**关键，可以兼容浏览器了**/ -moz-opacity:0.5; /* 兼容 FF*/ z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" 阅读全文

posted @ 2009-11-03 18:09 Renn.Erann 阅读(530) 评论(0) 推荐(0)

repeater行双击事件效果展示

摘要：本文只是想在repeater中加入双击行事件。然后选中或取消CheckBox的选中情况。具体效果看图示。repeater填充数据的部分就不附代码了。只附js及html代码。如需了解更多请给我留言。效果图：双击repeater第一行。第一行被选中。弹出html代码再次双击第一行。选中被取消。js代码部份html代码部份。阅读全文

posted @ 2009-11-03 18:01 Renn.Erann 阅读(982) 评论(0) 推荐(0)

frameset 的问题与解决

摘要：我自己的页面是下面这样的。全局前台代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>欢迎登录管理后台</title> 阅读全文

posted @ 2009-10-30 11:37 Renn.Erann 阅读(410) 评论(0) 推荐(0)

CSS的DIV背景图放置(兼容IE6)

摘要：本文使用的DIV+CSS三部份如图示:IE6中,CSS如果写成如入代码:background-image: url(images/menu_bottom.gif); 底部显示的效果是:修正代码:background: url(images/menu_bottom.gif) repeat-x; 在顶部时的效果是:修正代码:background: url(images/menu_top.gif) repeat-x;/*还要加上自适应才行*/overflow:hidden; zoom:1; 修正后的效果: 阅读全文

posted @ 2009-10-07 09:48 Renn.Erann 阅读(340) 评论(0) 推荐(0)

CSS图片文字居中

摘要：CSS图片文字居中代码:<div><img style="vertical-align:middle;" mce_style="vertical-align:middle;" src="close_32.png" mce_src="close_32.png" />用CSS实现图片和文字垂直居中对齐</div><br /><br /><div><img src="close_32.png" mce_src="c 阅读全文

posted @ 2009-09-28 21:22 Renn.Erann 阅读(878) 评论(0) 推荐(0)

ID与Class的区别（#与。的区别）CSS

摘要：#main和.main有什么区别: #main 定义的是ID为"main"这个元素的样式 .main 的意思是新建一个名为"main"的样式 #main 只能定义ID为"main"这个元素的样式 .main 一但定义以后,可以让其他的元素来调用,方法为class="main" 用#定义CSS样式，在调用时必须用ID，用.定义CSS样式，在调用时必须用CLASS。用 #定义的样式，一般都是定义结构框架，一些大的容器,且在同一个页面只能出现一次；而且.定义的样式，一般都是起修饰作用或多次重复的样式。还一点就是在同一个层阅读全文

posted @ 2009-06-22 23:09 Renn.Erann 阅读(248) 评论(0) 推荐(0)

随笔分类 - CSS+DIV