手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表全部文章

为JQuery的cycle插件作图片自动缩放

JavaScript代码
  1. function showImg(){   
  2.     pw = parseInt( $(this).parent().css('width') );   
  3.     ph = parseInt( $(this).parent().css('height') );   
  4.     showImage = new Image();   
  5.     showImage.src = $(this).children('a').children('img').attr('src');   
  6.     sw = showImage.width;   
  7.     sh = showImage.height;   
  8. //原先这些sw是直接用 $(this).width()来判断,但实际上很多时间都取回的是pager里面的图片大小属性,或者取回来有不正常的时候,这是cycle的BUG,没有时间却验证了,因此,只有用Image类来进行处理,这样取回来的就是图片真正的大小   
  9.     idx = $('#bigPic li').index( $(this) );   
  10.     alert(showImage.src+' - '+sw+' - '+sh);   
  11.     if (sw > pw || sh > ph){   
  12.         if (sw > sh ){   
  13.             sh = Math.floor(sh * ( pw / sw ));   
  14.             sw = pw-10;   
  15.         }else {   
  16.             sw = Math.floor(sw * ( ph / sh ));   
  17.             sh = ph-10;   
  18.         }   
  19.         //实在不知道这里为什么会多出16px,如果不减6,就会每次缩小   
  20.         //这里的长宽比例会不正确。。。   
  21.         $(this).children('a').children('img').css({'width': sw,'height':sh,'paddingTop':3});   
  22.     }   
  23.     if (sh <= ph){   
  24.         $(this).css('marginTop',(ph - sh)/2).css('verticalAlign','middle');   
  25.     }   
  26.     if (sw <= pw){   
  27.         $(this).css('marginLeft' , (pw - sw)/2).css('textAlign','center');   
  28.     }   
  29.     if( idx == 0 ){   
  30.         $('#thumbnail a').trigger('click');   
  31.     }   
  32. }   

Mark it ,and update it on work time...

Tags: jquery, cycle

长时间不更新,送上点JS

长时间没有更新了,一是因为单位比较忙二来是老婆快生了。。

但一直不更新也不太好,这里送上一小段JS,FOR jQuery。

很多时候,我们需要在一堆图片列表里进行左移右移,比如我现在有10个IMG,我放到DIV里面默认显示5个,这时候我会在页面上留下两个按钮进行左移,右移,以前的移动可能会很复杂,自从有了jquery,一切变得这么简单。

 

XML/HTML代码
  1. <div id="pic_list">  
  2.     <span id="p_left"> << </span>  
  3.     <ul>  
  4.         <li><img src="aa.jpg" /><li>  
  5.         <li><img src="aa.jpg" /><li>  
  6.         <li><img src="aa.jpg" /><li>  
  7.         <li><img src="aa.jpg" /><li>  
  8.         <li><img src="aa.jpg" /><li>  
  9.         <li><img src="aa.jpg" /><li>  
  10.         <li><img src="aa.jpg" /><li>  
  11.         <li><img src="aa.jpg" /><li>  
  12.         <li><img src="aa.jpg" /><li>  
  13.         <li><img src="aa.jpg" /><li>  
  14.     </ul>  
  15.     <span id="p_right"> >> </span>  
  16. </div>  
  17. <script language="JavaScript">  
  18. <!--   
  19.     $('#p_left').click(function(){   
  20.         var list_length = $('#pic_list ul li').length;   
  21.         $('#pic_list ul li:eq(0)').before( $('#pic_list ul li:eq('+(list_length-1)+')').remove() );   
  22.     });   
  23.     $('#p_right').click(function(){   
  24.         $('#pic_list ul').append( $('#pic_list ul li:eq(0)').remove() );   
  25.     });   
  26. //-->  
  27. </script>  

具体样式我就不提供了,黑黑,这样的方法应该算是最简单的了。。毕竟你在做页面的时候,肯定会都把li的宽度设的一样

Smarty的一些常用方法

网上流传的大师兄教程确实给了我们很多方便,只是大师兄教程却不是很全面。或许他给很多设计师们带来了福音,但对程序开发人员来说,并没有什么特别的高深之处。

不过,我还是挺佩服他的,毕竟,他将自己的思想和实现方法提供出来,如果每个人都这样,或许,我们能够再进步一些。呵呵

在工作,仍然是在使用着smarty,也在开发中积累了一点点的心得,逐步写出来,与大家共同分享,当然应该会存有错误,与大家一起改进。

smarty在使用时是需要配置的,最简单的配置方法就是将基本的变量写成一个数组,然后new Smarty之后,foreach一下,由$smarty自行加载,如:

---------------------------------------------

辛苦写了半天,结果超时了。下次补上,今天没时间了。

onDblClick?onDoubleClick?ondblclick?

XML/HTML代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <html>  
  3.  <head>  
  4.   <title> New Document </title>  
  5.   <script language="JavaScript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"> </script>  
  6.  </head>  
  7.   
  8.  <body>  
  9.   <table>  
  10.   <tr>  
  11.     <td><span class="forupdate" name="price" id="price">1234.56</span></td>  
  12.   </tr>  
  13.   <tr>  
  14.     <td><span class="forupdate" name="number" id="number">55</span></td>  
  15.   </tr>  
  16.   </table>  
  17.   
  18.   <script language="JavaScript">  
  19.   <!--   
  20.     $(document).ready(function(){   
  21.         $('.forupdate').dblclick(function(){   
  22.             var Input = "<input type='text' >";   
  23.             var InputValue = $(this).text();   
  24.             $(this).html( Input );   
  25.             $(this).children('input').attr('name', $(this).attr('name')+'_update')   
  26.                 .attr('id', $(this).attr('id')+'_update')   
  27.                 .val( InputValue );   
  28.             $('#'+$(this).attr('id')+'_update').focus()   
  29.                 .blur( function(){   
  30.                     //这里用ajax如果成功,再返回。否则。。   
  31.                     //....现在不处理。   
  32.                     $ajaxReturn = true;   
  33.                     if( $ajaxReturn == true){   
  34.                         $(this).parent().html( $(this).val() ) ;   
  35.                     }   
  36.                 });   
  37.         });   
  38.     });   
  39.   //-->  
  40.   </script>  
  41.  </body>  
  42. </html>  

可以拷贝到编辑器里,双击数字进行测试……

后记:虽然知道这种控件网上会很多,但是没料到会这么多……

贴一个地址吧,也是jQuery的插件:http://www.appelsiini.net/projects/jeditable,NND啥时候一生气,也搞成插件出来……

转一朋友的离职信

顺便排了下版,哈哈……

尊敬的公司领导:
  自从我2月份加盟××公司这个大家庭后,感受到了公司的温暖,也感受到了公司各位领导对我的关心,在工作过程中,各位同事对我的帮助很大,他们不仅对我的工作给予配合,也在我遇到困难的时候,给予了我大量的帮助,使我在这短短的时间内,在技术上,有了长足的进步,也对公司更加忠心,更加相信公司会在今后步入一个更加高速的发展轨道中。
  但是,遗憾的是,我不得不离开这个给予了我关怀、温暖的大家庭。公司是一个复杂的团体,各项工作需要各个部门、员工有机的配合,同时,在工作中,还要给予必要同事必要的信任和尊重,遗憾的是,在这个充满了温暖的大集体中,我与某些同事相处不是很愉快,也许这是我们自身的原因,也许是这几位同事的处事风格我不太适应,不过,这将会影响我为公司高效、投入的工作,这将是公司的损失,也是我的损失;再有,虽然我技术水平有限,但是我对公司工作的投入热情不应该受到某些人的怀疑和磨灭,虽然我不知道这么做对他有什么好处,但是,我知道,这将是公司的又一大损失;每个人在公司中都是有相应的责任的,并且,每个人都是应该有责任感的,在我负责的工作中,与一些同事的权限有重叠,但是这不是我推卸责任的借口,因为我是有责任感的正常人,当然,我也不希望这成为别人推卸责任的借口,因为我不希望公司的有形及无形资产受到破坏。
  综上所述,为了避免公司因为某些人的原因,损失更大的利益,我决定离职,我会尽到一个员工的义务,遵守职业道德标准,与相关人员在×××日之前做好交接工作,请领导安排相关事宜
  人是区别于“成本”、“资源”,“资本”的,如果成本的动词是“节约”,资源的动词是“利用”,资本的动词是“增值”,那么,对于有感情的人,又应该用什么动词去形容呢??
  祝公司发展顺利,各位领导及同事工作愉快
 
以后谁要离职可以抄抄用用哦。哇哈哈哈