<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)
    




		
    隨筆分類
    
		
				
			
	
		
    隨筆檔案
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    積分與排名
    

      
	
    • 
		積分 -
		173543
	
    • 
		排名 -
		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 
    

    







    
	    
    




    








    

				
	



    



    







    
        
	



主站蜘蛛池模板：
区三区激情福利综合中文字幕在线一区亚洲视频1
|
免费观看的a级毛片的网站|
日韩视频在线免费|
亚洲av午夜成人片精品电影
|
亚洲AⅤ无码一区二区三区在线
|
香蕉高清免费永久在线视频|
国产a级特黄的片子视频免费|
国产精品亚洲mnbav网站
|
97免费人妻无码视频|
精品国产免费一区二区|
jjzz亚洲亚洲女人|
亚洲欧洲国产精品你懂的|
日本亚洲精品色婷婷在线影院|
在线观看亚洲视频|
在线观看特色大片免费网站|
无码区日韩特区永久免费系列
|
亚洲人成无码网站|
亚洲精品欧洲精品|
成人婷婷网色偷偷亚洲男人的天堂|
国产精品高清免费网站|
51在线视频免费观看视频|
啦啦啦www免费视频|
亚洲免费观看视频|
中文字幕在线日亚洲9|
一区二区三区免费看|
91成人免费观看网站|
亚洲精品国产精品乱码不卞|
91亚洲导航深夜福利|
色噜噜的亚洲男人的天堂|
男人进去女人爽免费视频国产|
午夜国产精品免费观看|
亚洲AV网站在线观看|
亚洲精品动漫在线|
成年免费a级毛片|
国产精品怡红院永久免费|
亚洲精品黄色视频在线观看免费资源|
亚洲男人都懂得羞羞网站|
特级做a爰片毛片免费看|
亚洲视频在线免费看|
亚洲精品在线视频|
亚洲看片无码在线视频|