|
锁定老帖子 主题：页面输出时一些常用的小技巧(一)
该帖已经被评为良好帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-04-19
好文章，学到不少东西，特别是系统地定义css方面，有很多可以借鉴。
|
| 返回顶楼 | |
|
发表时间：2009-04-20
最后修改：2009-04-20
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);
});
}
这个貌似可以修改为 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) {
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);
});
}
|
| 返回顶楼 | |
|
发表时间：2009-04-20
貌似demo3 layout没问题 但是JS效果没有出来
|
| 返回顶楼 | |
|
发表时间：2009-04-22
做成插件那更好
|
| 返回顶楼 | |
|
发表时间：2009-04-23
谢谢。感谢楼主无私奉献。
|
| 返回顶楼 | |
|
发表时间：2009-04-24
mark!
|
| 返回顶楼 | |
|
发表时间：2009-04-24
CSS一直都不是我的强项。。。不过还是在坚持着看看。。。
|
| 返回顶楼 | |
|
发表时间：2009-04-28
不错不错，很实用的文章！
|
| 返回顶楼 | |
|
发表时间：2009-04-29
压缩图片和滚动消息者两个正好在使用，很有用的参考资料！谢谢分享！
|
| 返回顶楼 | |
|
发表时间：2009-05-10
不错。。很可能用上
|
| 返回顶楼 | |
