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




		
    隨筆分類
    
		
				
			
	
		
    隨筆檔案
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    積分與排名
    

      
	
    • 
		積分 -
		174146
	
    • 
		排名 -
		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 閱讀(1485) 評論(0)  編輯  收藏  所屬分類: html 
    

    







    
	    
    




    








    

				
	



    



    







    
        
	



主站蜘蛛池模板：
久草视频在线免费看|
成年在线观看网站免费|
国产小视频免费观看|
亚洲国产精品一区二区三区在线观看|
国产99视频精品免费专区|
免费一级做a爰片久久毛片潮喷|
免费一看一级毛片人|
欧洲亚洲国产精华液|
日韩免费视频在线观看|
亚洲av无码一区二区三区在线播放|
久久一区二区免费播放|
国产亚洲美日韩AV中文字幕无码成人|
亚洲国产成人精品无码区在线观看|
亚洲综合免费视频|
国产男女爽爽爽爽爽免费视频|
国产美女无遮挡免费视频网站
|
伊人久久亚洲综合影院首页|
久久www免费人成看片|
2022年亚洲午夜一区二区福利|
黄色大片免费网站|
国产亚洲精aa成人网站|
黄页免费在线观看|
久久久影院亚洲精品|
久草视频在线免费|
亚洲狠狠婷婷综合久久蜜芽|
亚洲AV无码乱码在线观看牲色
|
亚洲av丰满熟妇在线播放|
两个人日本WWW免费版|
亚洲精选在线观看|
无码一区二区三区免费视频|
无码毛片一区二区三区视频免费播放
|
亚洲国产综合专区电影在线|
日本免费人成在线网站|
久久亚洲精品无码网站|
国产亚洲色视频在线|
亚洲一区二区免费视频|
国产亚洲情侣久久精品|
亚洲国产精品久久|
在线看片无码永久免费aⅴ|
毛片免费在线观看|
亚洲国产成人久久|