- 浏览: 1453724 次
- 性别:
- 来自: 苏州
文章分类
- 全部博客 (564)
- 算法 (7)
- 流金岁月 (1)
- Javascript (30)
- actionscript (108)
- as3.0 game (14)
- flex (84)
- fms2 (27)
- 正则表达式 (7)
- 开源组件代码(as3.0) (1)
- Pv3d (13)
- Cairngorm (4)
- vbs (54)
- VB程序设计 (26)
- 计算机应用与维护 (4)
- 职场实用穿衣技巧 (3)
- 历史风云 (15)
- 淡泊明志,宁静致远 (12)
- 情感 (26)
- 杂谈 (41)
- 越南风 (14)
- DirectX (9)
- Dev-cpp (11)
- 回望百年 (2)
- 建站经验 (2)
- Python (24)
- 网络赚钱 (4)
- php (2)
- html (1)
- ob0短址网 (1)
- ob0.cn (1)
- wordpress (1)
- pandas logistic (1)
- haxe (1)
- opencv (1)
- 微信小程序 (3)
- vue (3)
- Flutter (1)
最新评论
-
GGGGeek:
第一个函数滚动监听不起作用,onPageScroll可以
微信小程序--搜索框滚动到顶部时悬浮 -
naomibyron:
解决办法:工具 -> 编译选项 -> 编译器 ...
dev-c++中编译含WINSOCK的代码出现错误的解决方法 -
haichuan11:
这个…… 代码不全真的是让人很憋屈的感觉啊
actionScript 3.0 图片裁剪及旋转 -
chenyw101:
老兄能留个QQ号吗?具体的我有些东西想请教下你
用VB制作网站登陆器 -
yantao1943:
貌似有点问题,只派发一次事件啊
使用ActionScript 2.0或ActionScript 3.0处理音频文件的提示点(cue
//屏蔽按键
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
<title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
</head>
<body>
<script language="Javascript"><!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
//Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键
function window.onhelp(){return false} //屏蔽F1帮助
function document.onkeydown()
{
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode==39))) //屏蔽 Alt+ 方向键 →
{
alert("不准你使用ALT+方向键前进或后退网页!");
event.returnValue=false;
}
if ((event.keyCode==8) || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnValue=false;
}
if (event.keyCode==122){event.keyCode=0;event.returnValue=false;} //屏蔽F11
if (event.ctrlKey && event.keyCode==78) event.returnValue=false; //屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode==121)event.returnValue=false; //屏蔽 shift+F10
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false; //屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4
{
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;
}
}
</script>
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
<title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
</head>
<body>
<script language="Javascript"><!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
//Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键
function window.onhelp(){return false} //屏蔽F1帮助
function document.onkeydown()
{
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode==39))) //屏蔽 Alt+ 方向键 →
{
alert("不准你使用ALT+方向键前进或后退网页!");
event.returnValue=false;
}
if ((event.keyCode==8) || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnValue=false;
}
if (event.keyCode==122){event.keyCode=0;event.returnValue=false;} //屏蔽F11
if (event.ctrlKey && event.keyCode==78) event.returnValue=false; //屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode==121)event.returnValue=false; //屏蔽 shift+F10
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false; //屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4
{
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;
}
}
</script>
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</body>
</html>
//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>
//移动的图层,拖动
1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
<script language=javascript>
var Obj;
function MouseDown(obj)
{
Obj=obj;
Obj.setCapture();
Obj.l=event.x-Obj.style.pixelLeft;
Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
if(Obj!=null)
{
Obj.style.left = event.x-Obj.l;
Obj.style.top = event.y-Obj.t;
}
}
function MouseUp()
{
if(Obj!=null)
{
Obj.releaseCapture();
Obj=null;
}
}
</script>
2.
<div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
<a href="#" onclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;
var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}
</script>
<script language=javascript>
var Obj;
function MouseDown(obj)
{
Obj=obj;
Obj.setCapture();
Obj.l=event.x-Obj.style.pixelLeft;
Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
if(Obj!=null)
{
Obj.style.left = event.x-Obj.l;
Obj.style.top = event.y-Obj.t;
}
}
function MouseUp()
{
if(Obj!=null)
{
Obj.releaseCapture();
Obj=null;
}
}
</script>
2.
<div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
<a href="#" onclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;
var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}
</script>
//文档状态改变
<iframe src="a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe>
<script>
var doc=window.frames["f"].document;
function s(){
if (doc.readyState=="complete"){
document.all.f.style.height=doc.body.scrollHeight
document.all.f.style.width=doc.body.scrollWidth
}
}
doc.onreadystatechange=s
</script>
<script>
var doc=window.frames["f"].document;
function s(){
if (doc.readyState=="complete"){
document.all.f.style.height=doc.body.scrollHeight
document.all.f.style.width=doc.body.scrollWidth
}
}
doc.onreadystatechange=s
</script>
//刷新后不变的文本框
<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
//访问剪贴板
(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
//操作COOKIE
function SetCookie(sName, sValue)
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}
//setTimeout增加参数
<script>
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</script>
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</script>
//自定义的apply,call
Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i<argu.length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i=1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i<argu.length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i=1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};
发表评论
-
微信小程序--搜索框滚动到顶部时悬浮
2018-12-06 14:44 3184<scroll-view style="w ... -
绘制音乐的频谱图(使用Analyser节点)(转)
2018-11-19 15:19 1307<canvas id="canvas&quo ... -
nw 使用手记,用js 写桌面程序
2018-11-08 09:37 490安装 node.js , 将npm 添加至系统 ... -
解除网页右键限制和开启网页编辑状态的js代码
2018-04-04 04:23 1932当访问页面右键被限制了怎么办? 很好办!将以下代码添加进收 ... -
关于Cocos2dx-JS在iOS8以上系统调用OpenGL进入后台时崩溃的解决办法
2015-11-02 08:48 4571这次发布新版本后没有预料到的crash是下面这些,并且在遇到 ... -
datatables官方例子(demo)
2014-03-17 17:34 26505http://datatables.net/release ... -
在新窗口打开一个链接
2013-06-01 23:19 773<html> <body> ... -
2345赚外快
2012-07-17 10:15 7各位电脑同行们,电脑爱好者们: 你手上有充足的客户资源么 ... -
asp
2010-02-25 13:41 976<% set rs=serve ... -
Java和flash通信中数据的AMF3封装
2009-03-20 19:39 2716Flash加载外部http数据有很多封装方式,常用的数据封装格 ... -
Div+CSS布局入门教程——页面制作-用好border和clear
2008-09-11 13:05 1425这一节里面,主要就是 ... -
Div+CSS布局入门教程——页面布局与规划
2008-09-11 13:03 1499在网页制作中,有许多的术语,例如:CSS、HTML、DHTML ... -
Div+CSS布局入门教程——写入整体层结构与CSS
2008-09-11 13:02 1246接下来我们在桌面新建一个文件夹,命名为“DIV+CSS布局练习 ... -
Div+CSS布局入门教程——页面顶部制作
2008-09-11 13:02 1250当我们写好了页面大致的DIV结构后,我们就可以开始 ... -
javascript小技巧<七>
2008-08-31 13:13 1070//插入文字 document.onclick =functi ... -
javascript小技巧<六>
2008-08-31 13:07 1181小技巧//设置光标位置 function getCaret( ... -
javascript小技巧<五>
2008-08-31 12:59 1251//下载文件 function DownURL(strRemo ... -
javascript小技巧<三>
2008-08-31 12:44 1022//网页是否被检索 <meta name="R ... -
javascript小技巧<二>
2008-08-31 12:35 984//各种尺寸 s += "\r\n网页可见区域宽 ... -
javascript小技巧<一>
2008-08-31 12:28 1009事件源对象event.srcElement.tagNameev ...
相关推荐
总结起来,这个练习旨在通过HTML的`<div>`标签,配合CSS的布局技巧和JavaScript的交互功能,提高开发者对前端排版的理解和实践能力。通过这个练习,开发者不仅能掌握基础的网页布局技巧,还能进一步熟悉动态页面的...
字体和样式标签如`<STRONG>`和`<B>`用于加粗文本,`<EM>`和`<I>`用于斜体,`<TT>`呈现等宽字体,`<U>`添加下划线,`<H1>`到`<H6>`定义不同级别的标题,`<FONT>`设定字体、大小和颜色(但现在不推荐使用),`<BIG>`和...
1.JavaScript的数值处理对象学习 .txt<br>2.JavaScript的系统函数学习 .txt<br>3.js中用于对象的语句——with和for...in语句学习专题.txt<br>4.smallSoftkey小软键盘,...正则表达式.txt<br>9.55种网页常用小技巧 .txt
根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`<script>`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...
GridView实用技巧集锦:<br>1 GridView无代码分页排序<br>2 GridView选中,编辑,取消,删除<br>3 GridView正反双向排序<br>4 GridView和下拉菜单DropDownList结合<br>5 GridView和CheckBox结合<br>6鼠标移到...
此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### JavaScript与HTML源码 在Web开发中,HTML(HyperText Markup Language)是用于创建网页的标准标记...
4. **音乐播放**:源码可能会使用HTML5的`<audio>`标签来播放背景音乐,用户可以通过JavaScript来控制音乐的播放、暂停、音量等。为了兼容不同的浏览器,可能还需要引入像`howler.js`这样的音频库来处理音频播放。 ...
在<head>中,我们通常设置页面标题(<title>)、引入外部CSS样式表(<link>)或JavaScript文件(<script>)。在<body>中,才是实际可见的网页内容。 在HTML中,文本元素是最基本的组成部分,如段落(<p>)、标题(...
3. 标题标签:`<h1>`至`<h6>`,数字越大,标题级别越小。 4. 链接:`<a href="url">链接文字</a>`,`href`属性指定链接地址。 5. 图像:`<img src="url" alt="替代文本">`,`src`属性指定图片URL,`alt`提供替代文本...
表格使用<table>, <tr>, <th>, <td>等标签创建,而表单元素如<input>, <select>, <textarea>等用于用户交互。记住,表单可以通过action属性指定提交处理页面,method属性设置提交方式(GET或POST)。 6. **图片与...
然而,原生的`<option>`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`<option>`效果。以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 ...
头部<head>通常包含元信息,如标题<title>、CSS样式链接<link>、JavaScript脚本<script>等,而主体<body>则包含网页的实际内容,如文本、图片、链接等。 2. HTML元素:HTML元素是通过标签来表示的,如<body>, <p>, ...
- `<div>`和`<span>`提供布局灵活性,常与CSS结合使用。 ### 示例代码 ```html <!DOCTYPE html> <html> <head> <title>网页制作教学</title> </head> <body> <h1>欢迎来到HTML教程</h1> <p>这是一个简单的段落...
此外,还可以使用`<link>`引入外部样式表,`<script>`引入JavaScript代码,以增强页面交互性。 HTML的主体由`<body>`标签包裹,它包含了页面的实际内容。主体可以设置背景颜色、图片,以及文字颜色等样式属性。`...
#### 四、JavaScript交互功能 JavaScript为网页添加交互性,使其更加动态和有趣。以下是该网页中可实现的JavaScript功能: - **导航栏平滑滚动**:当点击导航栏中的链接时,页面平滑滚动到对应部分。 - **模态窗口...
例如,`<p>`用于定义段落,`<h1>`到`<h6>`定义不同级别的标题,`<a>`用于创建超链接,`<img>`插入图片,`<ul>`和`<ol>`创建无序和有序列表,`<div>`作为布局容器等。 3. **属性与值**:HTML标签可以有属性,属性...
`<span>`用于在行内元素中插入小范围的样式。 三、HTML属性 标签可以有零个或多个属性,用来提供额外的信息。例如: 1. `class`属性用于关联CSS类,定义样式。 2. `id`属性为元素提供唯一的标识符,常用于...
`<head>`中可以包含`<title>`定义页面标题,`<meta>`标签设置元信息,以及`<link>`和`<script>`标签引入外部资源如CSS样式表和JavaScript脚本。 CSS(Cascading Style Sheets)常与HTML结合使用,用于定义页面的...
而`<script>`标签引入JavaScript代码,实现动态效果和用户交互。 六、HTML5的新特性 HTML5引入了许多新元素和API,如`<canvas>`用于绘制图形,`<video>`和`<audio>`嵌入多媒体,`<input type="date">`等新的输入...
根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...