美容院设备有哪些:网页图片处理代码全集整理

来源:百度文库 编辑:偶看新闻 时间:2024/04/26 22:18:01
1,掉链级图片的替代图片
           
            2,自动缩小大图
              经常看到一些图片很大,上传后显示会撑满屏幕下面的例子通过检测if(this.width>screen.width-350)then(this.width=screen.width-350)如果该图片的宽度大于“屏幕宽度-350”,则让该图就显示“屏幕宽度-350”这么大小。
            原图

           

            设定大小的图

                        onload="javascript:if(this.width>screen.width-350)this.width=screen.width-350">
            3,禁止IE6中大尺寸图片的自动缩小
            原图,会自动缩小

           

            设定不缩小

           
            4,去掉用IE6.0浏览图片,当鼠标放到图片上时出现快捷工具(打印、邮寄、另存等)
            方法一:
           
            方法二:
           
            定义CSS:
           
            5,去掉热点地图上的区域线框与超链接的线框
                        border=0>
            6,可控制上传图片的大小
           
           
            enctype="multipart/form-data">
           
           
               
           

           
                                ","Tahoma", ","宋体"; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 1px
            " name="file1"  value="">
                   
                 

           
           

            7,检测一个图片的长宽尺寸
           
           
            onclick="s()" type="button" value="点我一下给出要上传图片的大小及长、宽"
name="button">
            8,按比例缩小
           
           
            9,类似Acdsee看大图的时的拖动
           
           
            Untitled    Document
           
           
           
           
           
                        onselectstart="return    false;"    onmousedown="initdrag()"   
            onmousemove="startdrag()"    onmouseup="enddrag()"    scroll=yes>
               
           
           
           
            10,选择图片产生缩略图,最多10个
           
           
            Upload Image
           
           
           
           
           

                                                          borderColorDark=#cccccc
            borderColorLight=#000000
                                            cellPadding=5 cellSpacing=1
            height=367
                                            width="500">
               
                 
                   
                 
                 
                   
                 
                 
                   
                 
               
             
                                            height=269 id=upid vAlign=top>
           
                       
                         
                           
                           
                         
                       
                     
                                            width=120>文件1:
                                                                          name=file1
            onpropertychange=FileChange(this);
                                            style="WIDTH: 275px" type=file>
                                                        name=width1 type=hidden>             id=height1
                                            name=height1 type=hidden>                                             id=PicUpdateDate1
            name=PicUpdateDate1
                                            type=hidden>
                                            height=24>
            align=left>将图片上传至已有相册
                       
                                                                    id=TempAlbum name=TempAlbum
            type=hidden
                                            value=365>
                                                                    style="DISPLAY: none">或新建相册
                                                                    maxLength=50 name=NewAlbum
            onfocus="">
                       
                                            height=24>
            size=2>
                                    type=button value="· 上传已选图片 ·">
                                                                    value=1>
                       
                       

           

           
           
            11,不同的ALT
           
            网页教学网