wintershan
- 浏览: 196382 次
- 性别:
- 来自: 北京
-
最新评论
-
hncdcsm1：
非常给力，找了很久了，谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错） -
yuying：
谢谢诶！
非常不错的CSS表单显示效果
/* 最小寬度 */
.min_width{min-width:300px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
/* 最大寬度 */
.max_width{
max-width:600px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
/* 最小高度 */
.min_height{
min-height:200px;
/* sets min-height for IE */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
/* 最大高度 */
.max_height{
max-height:400px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}
/* 最大最小寬度 */
.min_and_max_width{
min-width:300px;
max-width:600px;
/* sets min-width & max-width for IE */
_width: expression(
document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
/* 最大最小高度 */
.min_and_max_height{
min-height:200px;
max-height:400px;
/* sets min-height & max-height for IE */
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
另插一条限定图片最大宽度和高度的代码，仅供参考，其实与上述同源同理。
这里是结合css和其支持的expression实现的，示例代码如下：
<title>控制图片的最大高宽</title>
<style type="text/css">
.clear{clear:both;}
.widthimg{width: expression(this.width > 200 ? '200px': true); max-width: 200px; }
</style>
<body>
<div class="clear">
<img class="widthimg" src="../image/mm.jpg" />
</div>
<div class="clear">
<img src="../image/xx7.jpg" />
</div>
</body>
<html>
<head>
<style type="text/css">
<!--
img.pic{
max-width:300;
max-height:100px;
/*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/
width: expression(this.width > 300 && this.width / 300 >= this.height / 100 ? 300 : true);
height: expression(this.height > 100 && this.width / 300 < this.height / 100 ? 100 : true);
}
//-->
</style>
</head>
<body>
<div id="pic">
</div>
<img class="pic" src="Blue hills.jpg" />
</body>
</html>
由于上边的代码中,设置最大的长宽是直接用数字的,这样再修改的时候十分不方便,所以做了以下修改:
<html>
<head>
<script type="text/javascript">
<!--
Object.MAX_WIDTH = 400;
Object.MAX_HEIGHT = 300;
-->
</script>
<style type="text/css">
<!--
img.pic{
max-width:300px;
max-height:100px;
width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
}
//-->
</style>
</head>
<body>
<div id="pic">
</div>
<img class="pic" src="Blue hills.jpg" />
</body>
</html>
这样的话,只需要修改Object.MAX_WIDTH和Object.MAX_HEIGHT这两个类变量就可以很方便的修改最大的长宽.
分享到：
发表评论
-
如何解决ps导出jpg或png文件过大的问题
2019-07-08 09:48 2657最近做图，忽觉存储文件过程中MAC奇慢无比，竟然发现存储出来 ... -
在线loading图标生成网站
2014-07-15 11:39 1233分享几个优秀的在线loading图标生成网站，方便实现。htt ... -
备忘录
2014-04-17 16:52 727text-shadow:0 1px 1px rgba(25 ... -
好设计的20条金律
2014-01-27 16:46 570可以打破规则，但不 ... -
转：5个设计师应该去的优质设计分享平台 [复制链接]
2012-08-28 16:16 830http://dribbble.com/ http://dr ... -
转一个关于英文自动断行问题的贴子
2011-04-08 20:18 2271转自：http://maymei.ycool.com/post ... -
22个实用的在线配色网站
2010-11-22 09:21 1523如果感觉对色彩的把握还不是很到位，如果你的设计的时候色彩的感觉 ... -
ie6png透明
2010-11-08 22:19 853var arVersion = navigator.appVe ... -
div层遮盖flash(兼容浏览器)
2010-10-26 22:34 1032div层遮盖flash(兼容浏览器) 转自：htt ... -
(转)75个最佳Web设计资源，强烈推荐！
2010-10-03 21:14 888本文地址：http://www.woiweb.net/top- ... -
CSS实现自动等比例缩略图的方法
2010-10-02 15:30 1747完美解决自动缩略图的代码，以实现对原图的等比例收缩。 代码 ... -
针对Google Chrome谷歌浏览器的CSS hack
2010-09-14 13:26 3111所幸Google Chrome用的是与Safari一样的 ... -
解决不同浏览器窗口大小是否显示某DIV问题
2010-09-12 22:57 1038解决不同浏览器窗口大小是否显示某DIV问题： <SCR ... -
图片在DIV中居中
2010-05-07 17:20 1900图片在DIV中永远居中 <div id=&quo ... -
您需要了解的DIVCSS网页布局的8条面试题目
2010-01-26 10:03 871CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官 ... -
转来的总结CSS规范
2010-01-25 15:33 969最近领导让整理个CSS规范做个内部培训，搜了搜资料，觉得这篇文 ... -
如何用css实现圆角_CSS实现圆角解决方案(转）
2010-01-14 18:22 2586导言： 本文探讨的是圆角框的终极解决 ... -
网页设计的3D元素运用25例
2010-01-12 22:23 745Yoast ... -
5种在设计中应用光线和阴影的简单技法 [转]
2010-01-12 22:14 716凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回 ... -
第一次当站长
2009-04-14 09:07 943在玩开心网成瘾的过程里，我萌发了自己也倒腾一个SNS社区的想法 ...
相关推荐
内容概要：本文提供了详细的MongoDB分片集群的搭建指导，涵盖了从环境准备、配置文件编写、副本集的建立、主节点的选择、配置服务器和数据分片服务器的配置到最后的路由节点的搭建与操作整个流程，以及对数据库的哈希与范围两种分片策略的应用介绍和具体命令执行。 适合人群：熟悉NoSQL数据库概念并对MongoDB有一定了解的技术人员，尤其是在大型数据管理和分布式数据库架构设计中有需求的开发者。 使用场景及目标：帮助技术人员掌握构建高效能、高可用性的MongoDB分片集群的方法，适用于处理大规模、实时性强的数据存储与读取场景。 其他说明：文中通过实例演示了每个步骤的具体操作方法，便于跟随文档实操，同时也介绍了可能遇到的问题及其解决方案，如在没有正确配置的情况下试图写入数据时出现错误等情况的处理。
CPPC++_嵌入式硬件的物联网解决方案blinker库与Arduino ESP8266 ESP32一起工作
CPPC++_逆向调用QQ Mojo IPC与WeChat XPlugin
CPPC++_现代活动指标
CPPC++_Xournal是一款手写笔记软件，支持PDF注释，使用C语言编写，支持GTK3，支持Linux，如Ubu
资源概述： 本资源提供了一套完整的学生实习管理系统解决方案，涵盖了前台小程序页面与后台管理系统两大模块。前台小程序页面设计简洁直观，用户可根据不同身份（学生或企业）进行登录。学生用户能够方便地浏览并投递感兴趣的实习岗位，而企业用户则能轻松发布实习信息，吸引优秀人才。后台管理系统功能全面，包括个人中心、首页、学生管理、教师管理、企业管理、招聘管理、评分管理以及实习管理等多个方面，为管理员提供了强大的数据管理和操作工具。 技术栈亮点： SSM框架：系统后台采用Spring、Spring MVC和MyBatis Plus（简称SSM）作为核心开发框架，确保了系统的稳定性、可扩展性和可维护性。Spring作为控制反转（IoC）和面向切面编程（AOP）的容器，为系统提供了强大的业务逻辑处理能力；Spring MVC则负责处理Web请求和响应，实现了前后端的分离；MyBatis Plus作为持久层框架，简化了数据库操作，提高了开发效率。 MySQL数据库：系统采用MySQL作为数据库存储解决方案，支持大数据量的存储和高效查询。 如有侵权请联系我删除，谢谢
微服务闪聚支付项目
博客链接 https://blog.csdn.net/weixin_47560078/article/details/143714557 文章从原理介绍出发，实现了 Rust 与 Java 的互调。利用 JNI 技术，可以充分发挥 Rust 的性能优势，同时保持 Java 的跨平台特性。这种技术组合适用于对性能要求较高的应用场景，如图像处理、数据分析和系统级编程等。
cppc++
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
分布式事务lcn
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
cppc++
安卓手机与电脑的socket通信源码
Anaconda：JupyterNotebook使用教程.docx
Amazon S3：S3静态网站托管教程.docx
Python商品销售数据分析可视化项目源码（期末大作业）.zip，个人经导师指导并认可通过的98分大作业设计项目。主要针对计算机相关专业的正在做期末大作业设计的学生和需要项目实战练习的学习者，可作为课程设计、期末大作业，代码资料完整下载可用。 Python商品销售数据分析可视化项目源码（期末大作业）.zip，个人经导师指导并认可通过的98分大作业设计项目。主要针对计算机相关专业的正在做期末大作业设计的学生和需要项目实战练习的学习者，可作为课程设计、期末大作业，代码资料完整下载可用。Python商品销售数据分析可视化项目源码（期末大作业）.zip，个人经导师指导并认可通过的98分大作业设计项目。主要针对计算机相关专业的正在做期末大作业设计的学生和需要项目实战练习的学习者，可作为课程设计、期末大作业，代码资料完整下载可用。Python商品销售数据分析可视化项目源码（期末大作业）.zip，个人经导师指导并认可通过的98分大作业设计项目。主要针对计算机相关专业的正在做期末大作业设计的学生和需要项目实战练习的学习者，可作为课程设计、期末大作业，代码资料完整下载可用。Python商品销售数据分析
CPPC++_wechathookWeChatApi微信Api微信hook微信接口python微信接口java微信Ap