HTML-特效代码大全

article/2025/8/20 17:43:13

HTML特效代码大全(一部分## 标题)
HTML特效代码
1。忽视右键
  <body οncοntextmenu=“return false”>
  或
 

2。加入背景音乐
  IE:
  NS:
 
  .mid你的背景音乐的midi格式文件
3。简单的window.open方法
  <a href="#" οnclick=“javascript :window.open(文件路径/文件名,newwindow,
  toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300);”>文字或图片
  参数解释:
 

  然后再在标内加入如:<body οnlοad=“closeit()”>
9。网页自动关闭
 
 
 
 
 
 
  <body οnlοad=“window.setTimeout(closes.Click(),10000)”>
  这个窗口会在10秒过后自动关闭,而且不会出现提示.
 
 

10。网页自动刷新
  在head部记入
 
  其中20为20秒后自动刷新,你可以更改为任意值。
11。网页自动转页
 
12。保持layer在最前面,而不被Iframe、Object所覆盖
  在Layer中再插Iframe 或 Object 设z-Index值
 

# 前面
 
# 后面
 
height=100% width=100%>
 
 

 

 
 

13。返回上一页
  <a href=javascript :history.back(1)>『返回上一页』
14。关闭窗口
  <a href=javascript :self.close()>『关闭窗口』
15。关于iframe的透明背景
 
16. οncοntextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)>no 可用于Table
17. 取消选取、防止复制
18.οnpaste=“return false” 不准粘贴
19.οncοpy=“return false;” oncut=“return false;” 防止复制

  1. IE地址栏前换成自己的图标
  2. 可以在收藏夹中显示出你的图标
  3. 关闭输入法

  4. 永远都会带着框架

  1. 防止被人frame
  1. 网页将不能被另存为

  1. 查看网页源代码

<input type=button value=查看网页源代码 οnclick=“window.location = “view-source:”+ “http://www.pconline.com.cn””>

27.删除时确认

<a href="javascript :if(confirm(“确实要删除吗?”))location=“boos.asp? &areyou=删除&page=1"”>删除

28.屏蔽功能键Shift,Alt,Ctrl

  1. 网页不会被缓存
或者

30.怎样让表单没有凹凸感?

31.不要滚动条?
让竖条没有:

让横条没有: 两个都去掉?更简单了

32.怎样去掉图片链接点击后,图片周围的虚线?

33.电子邮件处理提交表单

34.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

35.如何设定打开页面的大小

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

  1. 检查一段字符串是否全由数字组成
  1. 获得一个窗口的大小
    document.body.clientWidth; document.body.clientHeight

  2. 怎么判断是否是字符
    if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);
    else alert(“全是字符”);

40.TEXTAREA自适应文字行数的多少

  1. 日期减去天数等于第二个日期
  1. 选择了哪一个Radio
Style Barcode

43.脚本永不出错

44.ENTER键可以让光标移到下一个输入框
<input οnkeydοwn=“if(event.keyCode==13)event.keyCode=9”>

  1. 检测某个网站的链接速度:
    把如下代码加入区域中:
  1. 各种样式的光标
    auto :标准光标
    default :标准箭头
    hand :手形光标
    wait :等待光标
    text :I形光标
    vertical-text :水平I形光标
    no-drop :不可拖动光标
    not-allowed :无效光标
    help :?帮助光标
    all-scroll :三角方向标
    move :移动标
    crosshair :十字标
    e-resize
    n-resize
    nw-resize
    w-resize
    s-resize
    se-resize
    sw-resize

47、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单:

48、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

  1. 将彻底屏蔽鼠标右键
  1. 取消选取、防止复制
  2. 不准粘贴

  3. 防止复制

  4. IE地址栏前换成自己的图标
  5. 可以在收藏夹中显示出你的图标
  6. 关闭输入法

  7. 永远都会带着框架

  1. 防止被人frame
  1. 网页将不能被另存为

  2. <input type=button value=查看网页源代码
    οnclick=“window.location = view-source:+ http://www.51js.com/`”;>

12.删除时确认
<a href=javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1">删

  1. 取得控件的绝对位置
    //javascript

//VBScript

  1. 光标是停在文本框文字的最后
  1. 判断上一页的来源
    javascript:
    document.referrer

  2. 最小化、最大化、关闭窗口

<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

  1. 网页不会被缓存
或者

19.怎样让表单没有凹凸感?


<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000">

20.

&的区别?

(division)用来定义大段的页面元素,会产生转行 用来定义同一行内的元素,跟
的唯一区别是不产生转行 是ns的标记,ie不支持,相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:

让横条没有: 两个都去掉?更简单了

23.怎样去掉图片链接点击后,图片周围的虚线?

24.电子邮件处理提交表单

25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

  1. 检查一段字符串是否全由数字组成
  1. 获得一个窗口的大小
    document.body.clientWidth; document.body.clientHeight

  2. 怎么判断是否是字符
    if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”;
    else alert(“全是字符”;

31.TEXTAREA自适应文字行数的多少

  1. 日期减去天数等于第二个日期
  1. 选择了哪一个Radio
style Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

  1. 检测某个网站的链接速度:
    把如下代码加入区域中:
  1. 各种样式的光标
    auto :标准光标
    default :标准箭头
    hand :手形光标
    wait :等待光标
    text :I形光标
    vertical-text :水平I形光标
    no-drop :不可拖动光标
    not-allowed :无效光标
    help :?帮助光标
    all-scroll :三角方向标
    move :移动标
    crosshair :十字标
    e-resize
    n-resize
    nw-resize
    w-resize
    s-resize
    se-resize
    sw-resize

38.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间,以秒为单位。Transition表示使

用哪种特效,取值为1-23:
  0 矩形缩小
  1 矩形扩大
  2 圆形缩小
  3 圆形扩大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 竖百叶窗
  9 横百叶窗
  10 错位横百叶窗
  11 错位竖百叶窗
  12 点扩散
  13 左右到中间刷新
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

  其中属性值有以下一些:   属性值为"all": 文件将被检索,且页上链接可被查询;   属性值为"none": 文件不被检索,而且不查询页上的链接;   属性值为"index": 文件将被检索;   属性值为"follow": 查询页上的链接;   属性值为"noindex": 文件不检索,但可被查询链接;   属性值为"nofollow": 文件不被检索,但可查询页上的链接。

41.变换网页的鼠标光标


http://chatgpt.dhexx.cn/article/LuvCX6jm.shtml

相关文章

html语言闪烁特效代码,css3 文字闪烁特效代码

今天给大家分享几个文字闪烁特效代码,纯css3代码实现,对于新手小伙伴值得拿来学习一下。 文字闪烁特效一 通过改变透明度来实现文字的渐变闪烁,代码如下: 文字闪烁:闪烁效果 .main{color: #666;margin-top: 50px; } /* 定义keyframe动画,命名为blink */ @keyframes blink…

html canvas 烟花 特效代码

代码如下&#xff1a; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title> 真实烟花</title><style>body {padding: 0;}canvas {display: block;}</style> </head><body>…

html星空代码在线,怎么操作html星空特效代码

html不是一种编程语言&#xff0c;而是一种标记语言 &#xff0c;是网页制作所必备的。这些代码式的专业语言我们在普通的工作中运用的非常少&#xff0c;它的通用性可以把存放在一台电脑中的文本或图形与存放在另一台电脑中的文本或图形方便地联系在一起&#xff0c;形成有机的…

HTML龙卷风特效代码

今天&#xff0c;我给大家带来了短视频平台上超火的HTML龙卷风特效代码&#xff0c;如下&#xff1a; <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>粒子漩涡特效</title> <style> html,body{ margin:0px…

html爱心特效代码教程

一、图片展示 二、使用教程 1.桌面新建文本文档 2.将以下代码放入 3.将后缀改为.html 三、代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME&…

html爱心特效代码

New Document /* * RequestAnimationFrame polyfill by Erik Mller */ (function(){var b0;var c[“ms”,“moz”,“webkit”,“o”];for(var a0;a<c.length&&!window.requestAnimationFrame;a){window.requestAnimationFramewindow[c[a]“RequestAnimationFrame”…

html简单特效代码,html特效代码大全

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 23. 永远都会带着框架 if (window top)top.location.href "frames.htm"; //frames.htm为框架网页 // --> 24. 防止被人frame if (top.location ! self.location)top.locationself.location; // --> 25. 网页将不…

Android 科大讯飞 语音听写

这几天在搞一个语音识别的项目 用到i的是科大讯飞的语音服务&#xff0c;第一次搞语音识别&#xff0c;在这里记录一下&#xff0c;也希望对大家有用。废话不多说进入正题 一、要用到科大讯飞的语音识别功能&#xff0c;肯定是要他的开发者平台申请账号&#xff0c;创建应用&a…

Python调用科大讯飞语音听写的SDK包

一、如何下载科大讯飞语音听写的SDK包 1.1、注册下载语音听写SDK包 **第一步&#xff1a;**登录讯飞开放平台&#xff0c;找到产品服务——“语音听写”&#xff0c;点击“立即开通” **第二步&#xff1a;**创建新应用 **第三步&#xff1a;**创建应用&#xff0c;填写信息…

C# 实现语音听写

本文系原创&#xff0c;禁止转载。 分享如何使用c#对接科大讯飞语音听写服务&#xff0c;简单高效地实现语音听写。 实现语音听写主要分为录音和语音识别两部分&#xff1b;录音是指获取设备声卡端口的音频数据并将之保存为音频文件&#xff0c;语音识别就是将刚才所述的音频文…

讯飞语音听写

第一步&#xff1a;将下载好的Sdk解压&#xff0c;将压缩文件中的libs下的jar文件放到项目中的libs包下&#xff0c;将压缩文件中的lisb下除jar文件放到main下的jniLibs包中 第二步&#xff1a;Sdk初始化,建议选择在自定义的application中初始化。 //初始化讯飞语音SpeechUtil…

讯飞语音——带你简单实现语音听写

语音听写 de 简单实现 一、前言 如果你没有在讯飞语音平台上创建应用&#xff0c;请先参考讯飞语音的详细配置使用 二、功能描述 语音听写和语音合成都是较为基础也是最常使用的两个基本功能。 语音合成是将文本转化为语音说出来&#xff0c;就是读文章。 语音听写是什么呢&a…

使用讯飞实现语音听写与语音合成功能

一、准备工作 1、首先你需要去科大讯飞的官网去注册一个账号&#xff0c;怎么注册我就不说了&#xff0c;然后去控制台&#xff0c;创建新应用。 2、下载对应的sdk&#xff0c;点击sdk下载&#xff0c;记住这里的APPID码&#xff0c;sdk初始化要用。 3、下载语音听写和在线语…

科大讯飞语音听写在vue2中的使用

安装 worker-loader版本是2.0.0 vue.config.js的配置如下chainWebpack:(config)=>{config.output.globalObject("this"); }, configureWebpack: (config) => {config.module.rules.push({test: /\.worker.js$/,use: {loader: "worker-loader",option…

vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)

参考1&#xff1a;vue科大讯飞语音听写功能(解决针对vue new Worker报错问题)_Other world的博客-CSDN博客 参考2&#xff1a;vue中使用web worker - Gerryli - 博客园 参考3&#xff1a;将PC浏览器、ZOOM等软件正在播放的音频实时转成文字&#xff01;讯飞语音输入法的妙用 -…

Unity2021接入讯飞语音听写(Android)

使用的引擎工具&#xff1a; Unity2021.3.19 android-studio-2021.1.21 第一步&#xff1a; 新建一个Android项目&#xff08;工程名字随便啦&#xff09; 然后新建一个library &#xff08;同上&#xff0c;库名自己命名吧&#xff09; Android环境目前就算是初步建立好了。 …

vue2中接入讯飞语音听写

首先先登录https://www.xfyun.cn/&#xff0c;在控制台中创建自己的app&#xff0c;并且拿到APPID。 下载crypto-js 与线程worker npm install crypto-js npm install worker-loader 官网中有示例文件&#xff0c;稍微改造一下&#xff0c;封装成组件就能使用了。 transco…

Java 接入讯飞语音听写Speech to Text(STT)功能

标题 讯飞认证配置封装监听器客户端工具 Speech2TextClient.java 对外开放接口对外开放接口实现结果参考 根据官方提供的 WebIATWS 工具扩展修改&#xff0c;接入了讯飞的语音听写(STT)服务 讯飞认证配置 public class XFAuthorityConfig {public static final String hostUr…

html5语音听写流式,iOS 讯飞语音听写(流式版)

最近项目中用到了讯飞的语音识别,然后稍微看了一下,里面有几个值得注意的点,记录一下,先说语音听写(流式版),实时语音转写后期会附上 ,文末有 demo //语音听写(流式版) 语音听写流式版其实没设么好说的,因为直接有 SDK,导入项目就可以了,需要注意的点就是每个创建的 APP 和 SDK…

科大讯飞语音听写(Android)

前面就不废话了&#xff0c;像申请应用&#xff0c;获取SDK等等&#xff0c;我相信大家应该都会的&#xff0c;科大讯飞采用的是两种语音听写功能,一种带有UI&#xff0c;一种没有UI&#xff0c;本人还是比较笨的&#xff0c;所以就写了较为简单的不带UI的语音听写&#xff0c;…