欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 可以编辑的select
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 从select选择中新开...
· 显示全部Option的Se...
· 动态调整select
· select框、框中文字...
本 类 热 门
· 各省城市
· 可以编辑的select
· 从select选择中新开的...
· 三级关联菜单
· 移动下拉框
· 显示全部Option的Sele...
· 动态提示的下拉框
· 树型下拉框菜单
· 省市县关联菜单
· 可控制的闪烁链接
· 广告脚本
· 一个很爽的公告栏
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
可以编辑的select
可以编辑的select
作者:无  来源:本站整理  名称:可以编辑的select 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:
]  源码如下
----------------------------------------------------------
有点Bug,就是要输入后,点击input外面才可以
<style>body,td,div,a,input,select{font:menu}</style>
<style>
<!--
.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
//-->
</style>
<script>
<!--
function addOption(pos){
var objSelect=document.myform.myselect;
//取得字段值
var strName=document.myform.test.value;
var strValue=document.myform.test.value;
//建立Option对象
var objOption= new Option(strName,strValue);
if (pos==-1 & pos>objSelect.options.length)
objSelect.options[objSelect.options.length] =objOption;
else
objSelect.add(objOption,pos);
}
//-->
</script>
<form name="myform">
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onBlur="addOption(-1)">
</div>
</form>
[返回上一页] [打印可以编辑的select]
下一篇特效:各省城市
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |