- 浏览: 1735413 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (337)
- javaScript校验 (11)
- java (31)
- java连接数据库 (1)
- js应用 (41)
- JQuery (15)
- linux操作命令 (12)
- loadrunner测试 (5)
- tomcat (18)
- 数据库 (12)
- eclipse (7)
- 触发器 (7)
- 表单 (3)
- ibatis (6)
- oracle (4)
- xml (1)
- Exception (6)
- spring (16)
- struts (4)
- struts 标签 (2)
- sql (8)
- sql server (6)
- 其它 (18)
- Apache (2)
- 电脑故障 (4)
- java 线程 (1)
- dwr (8)
- jackey (18)
- 总结 (34)
- gcc linux (2)
- extjs 学习 (5)
- 网站建设 (4)
- 健康 (2)
- 房地产知识 (1)
- hibernate (3)
- mysql (7)
- linux (13)
- svn (1)
最新评论
-
阳光泛滥的日子:
很好用谢谢
java.net.URISyntaxException的解决办法 -
linjianqing:
现在有更好的处理方式吗?我正也为这发愁
applet访问打印机出现的问题 -
ruyi574812039:
非常感谢您的总结!想问几个问题!假设三个项目分别以静态部署的三 ...
在Tomcat中部署Web程序的几种方式 -
yangguo:
太j8麻烦了
Spring3.1中使用缓存注解及Shiro的缓存联合 -
bellawang:
很好用谢谢
java.net.URISyntaxException的解决办法
1. 菜单一 | 菜单二 | 菜单三(demo1.zip ) 代码结构: 通常我们会li加css 这样最后一个li也有右边框,是多余的,只能为最后一个li添加一个class来区分(左边框的情况类似) 而demo1中我们为li加css ul的overflow:hidden和li的margin-left:-1px是为了让最左边li的左边框隐藏起来,这样每个li都可以用一样的样式,便于给li循环 2 .压缩图片 通常web页面中从后台传的图片和设计师设计的图片大小不一样,这个时候需要按照原图长宽的比例进行压缩,不能超过设计师设定的图片大小。 initial是原始图片大小;goal是压缩后的图片大小;max是最大值 当原始图片长宽有任意一个大于对应的最大值或者两个都小于最大值时对图片大小进行压缩 其它情况不压缩 3 .布局 (图一) (图二) (图三) 要实现如图的这种布局,可以用三个并列关系的div加上样式就可以实现 代码结构: 这种代码结构非常灵活,可以仅仅通过样式达到多种布局效果 图一(demo3.1.zip)的css: 图二(demo3.2.zip)的css 图三(demo3.3.zip)的css和js,鼠标hover时当前模块放大比例 4 .获取浏览器可见区域的宽高,通用方法: 5 .淘宝的简易框架(demo5.zip) 偶然的机会看到了淘宝的这个框架,写得很不错,玉伯的css也非常工整 圆角的切图也挺有意思的,值得我去学习效仿。 6 .滚动消息(demo6.zip) 上下往返滚动的消息一般常出现在公告栏或者新闻栏,以前比较喜欢用Marquee标签来实现,不过Marquee实现的滚动会有头尾不能连接起来而导致消息栏出现短暂的空白的缺陷,而且w3c也不支持Marquee标签。所以用js来实现更完美一些。 <ul><li>菜单一</li><li>菜单二</li><li>菜单三</li></ul>
border-right:1px solid #000
ul{overflow:hidden;}
ul li{float:left;list-style-type:none;border-left:1px solid #000;padding:0 20px;margin-left:-1px;}
function imgSize(element,maxWidth,maxHeight){
$(element).each(function() {
var initialWidth = $(this).attr("width");
var initialHeight = $(this).attr("height");
var goalWidth = initialWidth;
var goalHeight = initialHeight;
if (initialWidth > maxWidth || initialHeight > maxHeight) {
if (initialWidth / maxWidth >= initialHeight / maxHeight) {
var goalWidth = maxWidth;
var goalHeight = (initialHeight * maxWidth) / initialWidth;
}
else {
var goalWidth = (initialWidth * maxHeight) / initialHeight;
var goalHeight = maxHeight;
}
}
else if (initialWidth < maxWidth && initialHeight < maxHeight) {
if (initialWidth / maxWidth >= initialHeight / maxHeight) {
var goalWidth = maxWidth;
var goalHeight = (initialHeight * maxWidth) / initialWidth;
}
else {
var goalWidth = (initialWidth * maxHeight) / initialHeight;
var goalHeight = maxHeight;
}
}
$(this).attr("width", goalWidth);
$(this).attr("height", goalHeight);
});
}
<div id="first"></div>
<div id="second"></div>
<div id="third"></div>
<style type="text/css">
body{margin:10px;padding:0;}
div{background:#ccc;}
#first{float:left;width:100px; height:150px}
#second{clear:left;float:left;margin-top:10px;width:100px;height:150px}
#third{margin-left:110px;_margin-left:107px; height:310px}
</style>
/*_margin-left:107px;为了ie6多出的3像素而写的hack*/
<style type="text/css">
body{margin:10px;padding:0;}
div{background:#ccc;}
#first{float:left;width:100px; height:300px}
#second{float:right;width:100px;height:300px}
#third{margin:0 110px;_margin:0 107px; height:300px}
</style>
/*_margin:0 107px; 为了ie6多出的3像素而写的hack*/
<style type="text/css">
body{margin:0;padding:0;}
div{background:#ccc;position:absolute;}
#first{width:100px; height:150px;top:10px;left:10px;}
#second{width:100px;height:150px;top:170px;left:10px;}
#third{height:310px;top:10px;left:120px;width:200px;}
</style>
<script type="text/javascript" language="text/javascript">
function zoom(id,x,y){ // 设置缩放函数参数:容器id、横向缩放倍数、纵向缩放倍数(等比例缩放时也可以设定一个参数)
var obj=document.getElementById(id); // 获取元素对象值
var dW=obj.clientWidth; // 获取元素宽度
var dH=obj.clientHeight; // 获取元素高度
obj.onmouseover=function(){ // 鼠标移入
this.style.width=dW*x+"px"; // 横向缩放
this.style.height=dH*y+"px"; // 纵向缩放
this.style.backgroundColor="#f00"; // 设置调试背景
this.style.zIndex=1; // 设置z轴优先
}
obj.onmouseout=function(){ // 鼠标移出,设回默认值
this.style.width="";
this.style.height="";
this.style.padding="";
this.style.backgroundColor="";
this.style.zIndex="";
}
}
zoom("first",1.25,1.25);
zoom("second",1.25,1.25);
zoom("third",1.25,1.25);
</script>
//以下的方法对于很多浏览器都适用
function windowHeight() {
var windowHeight;//最后传出的值
if (self.innerHeight) { // 除了IE以外的浏览器
windowHeight = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight) { /* IE6 浏览器 */
windowHeight = document.documentElement.clientHeight;
}
else if (document.body) { //其他版本的IE浏览器
windowHeight = document.body.clientHeight;
}
return windowHeight;
}
function windowWidth() {
var windowWidth;//最后传出的值
if (self.innerWidth) { // 除了IE以外的浏览器
windowWidth = self.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth) { /* IE6 浏览器 */
windowWidth = document.documentElement.clientWidth;
}
else if (document.body) { // 其他版本的IE浏览器
windowWidth = document.body.clientWidth;
}
return windowWidth;
}
function scroll(element, delay, speed, lineHeight) {
var numpergroup = 5;
var slideBox = (typeof element == 'string')?document.getElementById(element):element;
var delay = delay||1000;
var speed=speed||20;
var lineHeight = lineHeight||20;
var tid = null, pause = false;
var liLength = slideBox.getElementsByTagName('li').length;
var lack = numpergroup-liLength%numpergroup;
for(i=0;i<lack;i++){
slideBox.appendChild(document.createElement("li"));
}
var start = function() {
tid=setInterval(slide, speed);
}
var slide = function() {
if (pause) return;
slideBox.scrollTop += 2;
if ( slideBox.scrollTop % lineHeight == 0 ) {
clearInterval(tid);
for(i=0;i<numpergroup;i++){
slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
}
slideBox.scrollTop = 0;
setTimeout(start, delay);
}
}
slideBox.onmouseover=function(){pause=true;}
slideBox.onmouseout=function(){pause=false;}
setTimeout(start, delay);
}
四个参数分别是:操作对象, 停留时间,相对速度(越小越快),每次滚动多少(最好和Li的Line-height一致)。
发表评论
-
Windows Server 2003安装sp1时说什么产品密钥可能无效
2011-11-03 17:36 3181Windows Server 2003安装sp1时说什么产 ... -
office outlook 2007 如何设置开机自动启动
2011-10-14 13:30 1648第一步:让Outlook2007最小化时在系统托盘 打开 ... -
Resin3.1下resin.conf配置文件说明
2010-02-25 16:08 1798<!-- - Resin 3.1 配置文件. --> ... -
突然断电后,电脑重启设置
2009-01-16 17:23 2530进bios里的Power Management Feature ... -
修改C:\WINDOWS\system32\drivers\etc\hosts 文件有什么作用
2008-11-28 09:39 14031host是一个没有扩展名的系统文件,可以用记事本等工具打开,其 ... -
C:\WINDOWS\system32\drivers\etc\hosts文件的作用
2008-11-28 09:32 9602在Windows 98系统下该文件在Windows目录,在Wi ... -
中英文颜色代码参考手册
2008-11-25 09:54 1605颜色 英文代码 形像颜色 HEX格式 RGB格式 ... -
DOS常用命令
2008-10-08 14:06 1368DOS命令: 一)MD—— ... -
21个DOS常用命令
2008-10-08 13:52 1683用DOS,可别不知道DOS在哪里运行,有好几种方法 1.开始 ... -
Win XP 快捷键的使用
2008-10-08 12:32 1515WIN+ D 显示桌面和WIN+ M ... -
破解网页禁止复制、禁止选择文字对象和禁止查看源代码的多种方法
2008-10-08 12:25 40251:点击工具-INTERNET选项 ... -
“电脑族”保健 六项注意
2008-10-08 09:48 1486目前,电脑对人体生理和心理方面的负面影响已日益受到人们 ... -
IT从业人员必看的10大论坛
2008-09-25 13:39 1484一、IT技术开发综合类 http://community. ... -
如何选择Web开发框架
2008-09-25 10:42 2650如何选择Web开发框架 开 ... -
如何配置TightVNC进行远程访问
2008-09-18 13:54 9636虚拟远程计算(VNC)是一个远程管理工具,它受到了许多IT专业 ... -
outlook 如何设置不同邮箱,收到的邮件存放的在不同文件夹里
2008-09-12 15:33 6731在电子邮件帐户设置里面点“查看帐户或更改”后的界面里下面有个o ... -
在OUTLOOK中设置邮箱操作的方法
2008-09-12 15:27 4527在OUTLOOK中设置我院邮箱操作的方法 网管中心 2005 ...
相关推荐
JSP 页面图片分行输出小技巧 JSP(Java Server Pages)是一种广泛应用于 Web 开发的技术,它允许开发者在 HTML 文档中嵌入 Java 代码,以生成动态的 Web 内容。今天,我们来讨论如何在 JSP 页面上实现图片的分行...
在PHP开发中,优化页面输出是提升网站性能和用户体验的关键环节。这涉及到多个方面,包括减少HTTP请求、压缩代码、缓存利用、正确设置字符集和头部信息等。本实例将探讨如何通过PHP实现这些优化策略,同时确保对搜索...
#### 四、页面输出后的处理技巧 1. **页面输出后在PS中的处理**:在某些情况下,为了确保地图与其他地图正确对齐,需要在Photoshop (PS) 中进行进一步的处理。例如,如果MapGIS中的输出分辨率为250dpi,可以通过...
### JavaScript常用小技巧详解 #### 1. `document.write("")` 输出语句 `document.write()` 是一个在页面上直接写入HTML、JavaScript代码或文本的简单方法。它常用于测试或快速输出结果到页面中,但不推荐用于动态...
在进行毕业设计时,Proteus 是一个常用的电路仿真软件,尤其对于电子工程专业的学生来说。但是,Proteus 原理图的标题栏可能不符合标准图纸的要求,需要进行调整。以下是一些关于如何使用Proteus和相关工具进行图纸...
jsp编程的一些小技巧总结,绝对实用。包括JSP编程中常用的js技术。 1.JSP编程中常用的js技术 2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录...
为了解决这些问题,文章中提供了一些实用的技巧。 1. **字体不匹配和乱码的解决方法** - **块内文字调整**:在早期版本中,CAD不支持在块中修改文字属性。升级至2002版本后,可以更改块内子块的属性来解决问题。 ...
### jsp 页面上图片分行输出小技巧 在Web开发中,特别是使用JSP(JavaServer Pages)技术进行页面渲染时,经常会遇到需要将一组图片按照特定格式排列的需求,比如按行展示图片。本文将详细介绍一个实用的小技巧,...
本篇将详细讲解"JSP编程小技巧集锦121"中的核心知识点,帮助开发者提升效率,优化代码。 1. **使用EL表达式(Expression Language)**:EL简化了从作用域内获取对象的复杂性。例如 `${variable}` 可以直接获取到...
LRU(Least Recently Used,最近最少使用)页面置换算法是一种常用的内存管理策略,它用于解决在有限的物理内存中管理大量虚拟内存页的问题。当内存不足时,LRU算法会淘汰那些最近最少使用的页面,以腾出空间供新...
这个“ASP.NET小技巧”压缩包似乎包含了一些实用的工具和数据,帮助开发者更高效地利用ASP.NET进行编程。下面将详细讨论ASP.NET的一些核心概念和常见技巧。 1. **页面生命周期理解**:在ASP.NET中,每个网页都有一...
以下是一些关于JS的实用小技巧,对于初学者来说,掌握这些知识点将有助于提升编程效率和理解力。 1. `document.write("")`:这是一个常用的输出语句,常用于在页面加载时动态插入HTML内容。 2. 注释:JS支持单行...
在JSP(JavaServer Pages)编程中,开发者经常会遇到各种挑战,掌握一些实用的小技巧能够极大地提高开发效率和代码质量。以下是一些精选的JSP编程小技巧集锦,涵盖了从基本语法到优化实践的多个方面。 1. **使用EL...
在PHP网站开发中,掌握一些实用的小技巧可以显著提高开发效率和代码质量。以下是对给定文件中提到的8个PHP开发小技巧的详细说明: 1. **PHP批量获取Checkbox的值**: 当需要处理多个Checkbox并将其值用于SQL查询时...
在PHP动态网站开发中,掌握一些实用的小技巧可以极大地提高开发效率和代码质量。以下将详细探讨几个在实际开发中常见的技巧。 1. **错误处理与日志记录** 在PHP开发过程中,良好的错误处理机制至关重要。使用`try-...
### Ajax的一些有用的小技巧 #### 使用JavaScript库提升开发效率 在使用Ajax进行Web开发时,开发者往往会遇到诸如浏览器兼容性、编码问题等挑战。为了更好地应对这些难题,使用现成的JavaScript库是一种高效的解决...
在这个软件中,有一些小技巧可以提高效率,特别是在处理PLC输入输出图时。 1. **PLC输入输出图绘制技巧**: - 在项目数据中设置PLC型号和编制类型,例如设置为西门子200系列。一旦首次配置好一个输入模块,如I0.0~...
Excel表格是数据分析和处理的重要工具,掌握其常用操作能极大地提高...以上是Excel表格一些常用操作的关键点,熟练掌握这些技巧,能够使你在处理数据时更加得心应手。记得不断实践和探索,Excel的强大功能远不止于此。
布局是模拟图纸页面的环境,它设定了视口并确定了输出时的页面设置,为打印提供了直观的设置界面。在布局中,设计者可以按1:1的比例直接出图,避免了因配置不当导致的比例错误。此外,布局允许在一个图形文件中设定...
以下是一些关键的知识点和技巧,这些内容可能包含在"jsp200小技巧"这个压缩包中: 1. **JSP基本结构**:了解JSP页面的基本组成部分,包括指令(Directives)、脚本元素(Scripting Elements)、动作(Actions)等,...