专家推荐基础JS特效代码

本文向大家推荐个入门级的JS特效代码，主要包括以事件驱动JavaScript函数，文本域显示内容,但不可修改，让select控件可以自定义边框等内容。

推荐几个入门级的JS特效代码

1、以事件驱动JavaScript函数

以下是引用片段：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<metahttp-equivmetahttp-equiv="Content-Type"
content="text/html;charset=gb2312">
<title>无标题文档</title>
<script>
<!--
functionhello()
{
aa=100
cc='欢迎第'+aa+'次光临!'
alert(cc)
}
//-->
</script>
</head>
<body>
<ahrefahref="网址"onmouseover="hello()">网页名</a>　
</body>
</html>

2、JS特效之文本域显示内容,但不可修改

以下是引用片段：

<inputvalueinputvalue="网页名"readonly>

3、JS特效之让select控件可以自定义边框

以下是引用片段：

<style>
.box2{border:1pxsolid#00ff00;width:180px;height:17px;
clip:rect(0px,179px,16px,0px);overflow:hidden;}
select{position:relative;left:-2px;top:-2px;
font-size:12px;width:183px;
line-height:14px;border:0px;color:#909993;}
</style>
<divclassdivclass=box2>
<selectidselectid=idselect1onchange="select1();
"hidefocus>
<optionselected>网页名</option>
<option>设计在线</option>
<option>办公软件</option>
<option>工具软件<option>
</select>
</div>

4、JS特效之CSS圆角

以下是引用片段：

<足球平台出租htmlxmlns:v>
<head>
<style>
v:*{behavior:url(#default#VML);}
</style>
</head>
<body>　
<v:RoundRectstylev:RoundRectstyle="position:relative;
width:200;height:100px">
<v:shadowonv:shadowon="T"type="single"
color="#b3b3b3"offset="5px,5px"/>
<v:textboxstylev:textboxstyle="font-size:12px">css实现真正的圆角表格</v:textbox>
</v:RoundRect>
</body>
</html>

5、JS特效之建银密码输入器

以下是引用片段：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<metahttp-equivmetahttp-equiv="Content-Type"
content="text/html;charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<INPUT　
onkeydown=Calc.password.value=this.valuetitle=登录密码　
onclick="password1=this;showkeyboard();
this.readOnly=1;Calc.password.value=''"　
readOnlytype=passwordmaxLength=12　
onchange=Calc.password.value=this.valuename=LOGPASS　
minLength="6">
<scriptlanguagescriptlanguage="javascript"
src="http://tech.ddvip.com/imagelist/06/45/13pvu8r78n57.js">
</script>
</body>
</html>

您可能感兴趣的文章:

盘点JavaScript中Function三大用途

专家推荐基础JS特效代码相关推荐

html玫瑰花效果代码,html5渲染3D玫瑰花情人节礼物js特效代码
情人节马上就要到来了,这里给程序员前端设计师们献上一个,html5渲染而成的3D玫瑰花js效果,可以作为虚拟的情人节礼物送给自己的爱人.支持html5的浏览器查看. 查看演示下载资源: 16 次下 ...
JS特效代码大全（十一）超炫的js图片展示效果（三）
在看过上一篇JS特效代码大全(十)超炫的js图片展示效果(二)文章后,相信很多人都想试试把这种效果用到自己的项目中去了.在用的过程当中个性化的需求就来了,比如,想把小图导航放上边去,或者放左边放右边等 ...
html鼠标平滑滚动效果,JS特效代码 JS动态平滑滚动菜单效果
JS特效代码 JS动态平滑滚动菜单效果 www.css5.net body {cursor:crosshair; background:#111; margin:0; padding:0; posit ...
淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码! 在线演示:http://mj.588cy.com/jquery/22.html <!DOCTY ...
css隐藏特效代码,JS特效代码，可关闭的导航隐藏效果
JS特效代码,可关闭的导航隐藏效果 #vouch{width:300px} #vouch a{text-decoration:none;} #vouch li{ list-style:none; bo ...
js视频背景切换js特效代码
下载地址 js视频背景切换特效代码,用缩略图控制网页全屏背景切换效果. dd:
php js特效代码如何用,Javascript实现吸顶特效（代码示例）
本篇文章给大家带来的内容是Javascript实现吸顶特效(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 知识点 1.scroll家族和offset家族的结合运用 2. ...
JavaScript提示层漂浮js特效代码
下载地址一款实用的JavaScript提示层漂浮特效代码,警告.提示.成功等,可以设置位置.基础调用Notify({ title: "Toast Message" });内容可以 ...
html5时间表js特效代码
下载地址html5时间表特效代码,基于p5.js实现的动态的时间表效果. dd:

专家推荐基础JS特效代码

您可能感兴趣的文章:

专家推荐基础JS特效代码相关推荐

最新文章

热门文章

专家推荐 基础JS特效代码

您可能感兴趣的文章:

专家推荐 基础JS特效代码相关推荐

最新文章

热门文章

专家推荐基础JS特效代码

专家推荐基础JS特效代码相关推荐