> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 소개·그림 개체(새로 고침 변환 그림 없음) 스크롤 이미지_이미지 특수 효과

자바스크립트 소개·그림 개체(새로 고침 변환 그림 없음) 스크롤 이미지_이미지 특수 효과

WBOY
풀어 주다: 2016-05-16 19:08:33
원래의
1060명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>




이미지 개체 ;script 언어="javascript">






演示一:无刷新变换图文(有点歪)



  
    1
    2
    3
    4
  
  


演示二:鼠标触发图文变换(书facename称好image叫图image滚动)




    //先建立两个数组, 一组是on 状态的, 一组是off状态的
    //数组使用 是字符串 索引, 一来方便识别, 2来代码运行中不(대중행중불)会冲突
    offimg=new Array()
    offimg["play"]=new Image(60,50)
    offimg["stop"]=new Image(60,50)
    offimg[ "pause"]=새 이미지(60,50)
    offimg["rewind"]=새 이미지(66,55)
    //赋值
    offimg["play"].src="img/ 1.jpg"
    offimg["stop"].src="img/2.jpg"
    offimg["pause"].src="img/3.jpg"
    offimg["rewind" ].src="img/4.jpg"
    //第二个数组
    onimg=new Array()
    onimg["play"]=new Image(60,50)
    onimg ["stop"]=새 이미지(60,50)
    onimg["pause"]=새 이미지(60,50)
    onimg["rewind"]=새 이미지(66,55)
//赋值
    onimg["play"].src="img/5.jpg"
    onimg["stop"].src="img/6.jpg"
    onimg["pause"] .src="img/7.jpg"
    onimg["rewind"].src="img/1.jpg"
    기능 사용(imgname){
        if(document.images){//判断浏览器是否能够处理图文对象
            document.images[imgname].src=onimg[imgname].src//将对应的图文对象的src值赋给图文
        }
    }
함수 끄기(imgname){
        if(document.images){//判断浏览器是否能够处理图文对象
           document.images[imgname].src=offimg[imgname].src//将对应의 사진对象的 src值赋给图文
        }
    }
    함수 setmsg(msg){//改变状态栏提示
        window.status=msg;
        true를 반환합니다.
    }


  
    
      
        
      
    
      

상면是DW做的
是预载入图 Images


    
    

      

      

     
  




원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿