>웹 프론트엔드 >JS 튜토리얼 >메인 페이지에 있는 두 개의 iframe은 mouse_javascript 기술을 드래그하여 크기를 변경할 수 있습니다.

메인 페이지에 있는 두 개의 iframe은 mouse_javascript 기술을 드래그하여 크기를 변경할 수 있습니다.

WBOY
WBOY원래의
2016-05-16 17:36:401317검색
复代码码 代码如下:

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm4.aspx.vb" Inherits="HIG_Receipt.WebForm4"%>


<머리>
WebForm4




<스타일 유형=텍스트/css >
.resizeDivClass{
너비:3px;
여백:0px 0 0px 0;
배경:#ffff33;
테두리:5px;
커서:e-크기 조정;

<스크립트 유형=텍스트/자바스크립트 언어=자바스크립트 >
var mousedown=false;
var aaa;
function down() {
mousedown=true;
aaa=event.clientX-td1.offsetWidth;
event.srcElement.setCapture();
}
function move() {
if(mousedown==true){
td1.style.width=Math.max(1,event.clientX-aaa);
}
}
function up() {
event.srcElement.releaseCapture();
mousedown=false;
}













메인 페이지에 있는 두 개의 iframe은 mouse_javascript 기술을 드래그하여 크기를 변경할 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

第一个iframe



第two个iframe