这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
iframe 实现鼠标拖动改变其大小在一个页面中的两个 iframe 的情况下,此方法相当实用,感兴趣的各位不妨参考下,或许对你有所帮助
- <%@ Page Language="vb" AutoEventWireup="false" Codebehind="webForm4.aspx.vb"
- Inherits="HIG_Receipt.WebForm4" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <title>
- WebForm4
- </title>
- <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
- <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
- <meta name=vs_defaultClientScript content="JavaScript">
- <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
- <style type=text/CSS>
- .resizeDivClass{ width:3px; margin:0px 0 0px 0; background:#ffff33; border:5px;
- cursor:e-resize;
- </style>
- <script type=text/javascript language=javascript>
- 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;
- }
- </script>
- </head>
- <body MS_POSITIONING="GridLayout">
- <TABLE width="100%" height="100%">
- <tr>
- <td id="td1">
- 第一个iframe
- <iframe style="WIDTH: 100%; HEIGHT: 100%" src="" frameBorder="0">
- </iframe>
- </td>
- <td class="resizeDivClass" onmousedown="down()" onmousemove="move()" onmouseup="up()">
- </td>
- <td>
- 第二个iframe
- <iframe style="WIDTH: 100%; HEIGHT: 100%" src="" frameBorder="0">
- </iframe>
- </td>
- </td>
- </table>
- </body>
- </html>
来源: http://www.phperz.com/article/17/0718/280454.html