<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        




    
	
		


    隨筆 - 59 
文章 - 70 
trackbacks - 0


     
	

    

    
	
		
    
			
    
	
    
		
    <2009年3月>
    
	
    日一二三四五六
    22232425262728
    1234567
    891011121314
    15161718192021
    22232425262728
    2930311234
    

    

    
			


    
			
		


    

			

    常用鏈接
    


    留言簿(5)
    




		
    隨筆分類
    
		
				
			
	
		
    隨筆檔案
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    積分與排名
    

      
	
    • 
		積分 -
		173477
	
    • 
		排名 -
		340
	
      • 

    


    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


    		
	

    

    
	
					


    
	
	????今天上級交個任務下來，說要能夠鼠標移動到小圖上顯示大圖，以前做過一次，好多人都是用完全的CSS來實現，我技術水平不夠，只能用JS控制了，以前也寫過一次，忘了，這次重新寫過。
    ???? 由于自己寫的那個網頁內容太多了，把精要的內容貼出來。
    ???????? 

    <style>
    #demo    {overflow:hidden;text-align:center;padding:10px;}
    #enlarge_images    {position:absolute;display:none;z-index:2;border:5px?solid?#f4f4f4}
    </style>
    <div?id="demo"?style="overflow:hidden;width:120px;text-align:center;padding:10px">
    ?    <img?src="1.jpg"?onload="displayImage(this,75,100)"?style="display:none?border:1px?solid?#eeeeee">
    </div>
    <div?id="enlarge_images"></div>
    <script>
    var?demo?=?document.getElementById("demo");
    var?gg?=?demo.getElementsByTagName("img");
    var?ei?=?document.getElementById("enlarge_images");
    for(i=0;?i<gg.length;?i++){
    ?    var?ts?=?gg[i];
    ?ts.onmousemove?    =?function(event){
    ??event?    =?event?||?window.event;
    ??ei.style.display?    =?"block";
    ??ei.innerHTML?    =?'<img?src="'?+?this.src?+?'"?onload="displayImage(this,225,300)"?/>';
    ??ei.style.top??    =?document.body.scrollTop?+?event.clientY?+?50?+?"px";
    ??ei.style.left?    =?document.body.scrollLeft?+?event.clientX?+?50?+?"px";
    ?}
    ?ts.onmouseout?    =?function(){
    ??ei.innerHTML?    =?"";
    ??ei.style.display?    =?"none";
    ?}
    ?ts.onclick?    =?function(){
    ??window.open(?    this.src?);
    ?}
    }
    function?displayImage(imgSrc,?imgW,?imgH)
    {
    ????
    ????imgSrc.style.display    ="block";
    ????imgOldW?    =?imgSrc.width;
    ????imgOldH?    =?imgSrc.height;
    ????
    ????    if((imgOldW?!=?0)?&&?(imgOldH?!=0))
    ????    {
    ????????
    ????????    if(imgOldW?<=?imgW?&&?imgOldH?<=?imgH)
    ????????    {
    ????????????imgNewW?    =?imgOldW;
    ????????????imgNewH?    =?imgOldH;
    ????????}
    ????????    else
    ????????    {
    ????????????imgWH?    =?imgW/imgH;??????
    ????????????imgOldWH?    =?imgOldW/imgOldH;
    ????????????
    ????????????    if(imgWH?<=?imgOldWH)
    ????????????    {
    ???????????????imgNewW?    =?imgW;
    ???????????????imgNewH?    =?imgNewW*(imgOldH/imgOldW);
    ????????????}
    ????????????    else
    ????????????    {
    ???????????????imgNewH?    =?imgH;
    ???????????????imgNewW?    =?imgNewH*(imgOldW/imgOldH);
    ????????????}
    ??????
    ????????}
    ????????imgSrc.width??    =?imgNewW;
    ????????imgSrc.height?    =?imgNewH;
    ????????    return?imgSrc;
    ????}
    ????    else
    ????    {
    ????????imgSrc.width?    =?imgW;
    ????????imgSrc.height    =?imgH;
    ????????    return?imgSrc;
    ????}
    }
    </script>
    
	
    posted on 2009-03-05 17:04 JasonChou 閱讀(1478) 評論(0)  編輯  收藏  所屬分類: html 
    

    







    
	    
    




    








    

				
	



    



    







    
        
	



主站蜘蛛池模板：
啦啦啦www免费视频|
久久久久成人精品免费播放动漫|
国产免费一区二区三区|
亚洲AV人人澡人人爽人人夜夜|
国产一级高青免费|
亚洲国产精华液网站w|
日本免费高清视频|
亚洲首页在线观看|
人妻视频一区二区三区免费|
亚洲国产成人精品无码区在线秒播
|
亚洲精彩视频在线观看|
99re6在线精品视频免费播放|
亚洲精品无码不卡|
成人免费的性色视频|
亚洲狠狠成人综合网|
暖暖免费高清日本中文|
日韩在线视频免费|
亚洲成A人片在线观看WWW|
午夜精品射精入后重之免费观看
|
亚洲手机中文字幕|
一级女人18毛片免费|
亚洲人成人伊人成综合网无码|
四虎永久成人免费|
99麻豆久久久国产精品免费
|
热99re久久免费视精品频软件|
青青视频免费在线|
亚洲中文字幕无码久久综合网|
男的把j放进女人下面视频免费|
67pao强力打造67194在线午夜亚洲|
国产精品色拉拉免费看|
亚洲精品无码你懂的|
久久久久亚洲AV成人网人人软件|
免费视频成人手机在线观看网址|
亚洲youjizz|
国产av无码专区亚洲国产精品|
99爱免费观看视频在线|
亚洲av色香蕉一区二区三区蜜桃|
亚洲热线99精品视频|
9久9久女女免费精品视频在线观看|
麻豆一区二区三区蜜桃免费|
亚洲欧洲一区二区|