标签归档:javascript

用jquery控制图片的最大宽度

选了这个3 columns的wordpress模板,发现一个问题,就是如果图片比较大,页面的排版会被撑乱,css正在学习中,还没搞清楚到底该咋改,如果您能帮我请留言。
正好看了一些jquery的资料,就拿这个问题来练手,基本思路是查看所有网页上的图片,如果大于一个数值,则设定宽度,否则,就按照原来的尺寸显示。代码如下:

$(document).ready(function() {
$("img").each(function(i){ 
	var maxwidth=screen.width-$("#column2").width()-$("#column3").width()-100;
	if (this.width>maxwidth)
	 this.width = maxwidth; 
	});
});

第一行不用解释了吧?
第二行是查找所有img标签,每一个做后边的function处理
第三行设定最大的宽度,我这里取得是屏幕分辨率减去左右2列的宽度和一个常量。
第四,五行判断图片的宽度,如果超过这个宽度则设其宽度为允许的最大宽度。

现在看来,第三行应该和第二行换一下,效率应该会高些,这么写还有一个问题就是必须浏览器最大化才正常,还有什么好的解决方案呢?
————
想做一个点击阅读全部,显示所有内容的功能,对用户体验有好处,二来对seo有好处,还没时间做,空下来再说吧。

javascript 代码收藏

可以对页面重排版的代码,打开网站,复制粘贴到地址栏

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

退出编辑状态

javascript:document.body.contentEditable='false'; void 0

图片散花

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0); 

兼容ie,firefox,Opera的添加到收藏夹的代码

<script type="text/javascript">

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
	window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
	var elem = document.createElement('a');
	elem.setAttribute('href',url);
	elem.setAttribute('title',title);
	elem.setAttribute('rel','sidebar');
	elem.click();
} 
else if(document.all)// ie
	window.external.AddFavorite(url, title);
}
</script>

使用方法

<a href="javascript:bookmarksite('百变贝贝', 'http://www.juyimeng.com')">添加到收藏夹</a>

给wordpress添加coolcode按钮

装了wordpress的coolcode的插件,用起来不错。只是要自己输入代码

XXX

觉得不爽,于是找到了默认的编辑器作了修改,可以直接点击按钮插入coolcode代码。
打开

wp-includes/js/quicktags.js

大约
找到

edButtons[edButtons.length] =
new edButton('ed_code'
,'code'
,'
添加

edButtons[edButtons.length] =
new edButton('ed_coolcode'
,'coolcode'
,'\
保存后,刷新编辑器,就多了一个叫coolcode的按钮,这样就不用每次自己输入代码了。
想改进成可以用下拉菜单选择不同语言,还没搞,凑合着先用起来。

javascript可以设置可选日期的日期控件

自己改了一个,给用得着的朋友,
功能:
限制可选的年份
range:[2007,2007],
周一不能选
长假不能选
选择日期需要大于当天predays天
默认选择第一个可以选择的日期(其实是没办法,有个bug在里面,没空搞了)
中文界面
home url:http://www.dynarch.com/
下载
jscalendar-110.zip