js 代码实现链接易U

来源：互联网发布：福建厦门seo 编辑：程序博客网时间：2024/06/18 17:41

了解更多，可单击链接：http://www.yxsss.com/ui/

易U

12KB让你：
验证表单不需要写一个js；美化浏览器的各种提示；
ajax、移动|创建|删除元素、js读写cookies、无刷新上传图片……

• 怎么调用易U？

<!DOCTYPE HTML><html><head><title>易U</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--在 head 内加入<link href="./yu.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="./yu.js"></script>--><link href="./yu.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="./yu.js"></script></head>

• 怎么初始化？

<script type="text/javascript">/* 在body结束标签前加入 F.st();*/F.st();//自动验证页面内的所有表单</script></body></html>

• 怎么设置alert提示的显示时间？

<script type="text/javascript">        /*第二个可选参数是设置提示显示时间，单位是毫秒，默认是2000。如显示6秒设置如下*/        ui.alert('提示内容',6000);</script>

• 如可去掉success后面的遮蔽层？

<script type="text/javascript">        /*第三个可选参数控制是否有遮蔽层，默认是true。如显无遮蔽层成功提示*/        ui.success('保存成功！',2000,false);</script>

• 怎么设置弹出窗口的大小？

<script type="text/javascript">/* 第六个可选参数数组格式，控制窗口的宽度高度 [宽度，高度]，默认是自动auto。如宽500px,高度100px*/ui.box('窗口标题','<p>这里是内容<p>','',true,false,[500,100]);// 高自动 宽300ui.box('窗口标题','<p>这里是内容<p>','',true,false,[300,false]);// 宽自动 高500ui.box('窗口标题','<p>这里是内容<p>','',true,false,[false,500]);</script>

• 当移动元素的css属性为 position:fixed 怎么设置移动？

<div>        <h1 id="movv">顶顶顶顶顶顶</h1>    <p>内容内容内容内容<br>内容内容内容内容<br>内容内容内容内容<br>内容内容内容内容<br></p></div><script type="text/javascript">/* 第三个可选参数控制当滚动条滚动是静止还是根据滚动条滚动即 absolute  或者 fixed ，默认是 absolute  如：当滚动条滚动时 移动层 静止 注意：ie6以下浏览器不支持 fixed;*/ui.move('movv',false,'fixed');//移动层随滚动条滚动ui.move('movv');</script>

• 怎么关闭ui.box弹出的窗口？

<div id="ssss">        <p>内容内容内容<br>内容内容内容<br>内容内容内容<br>内容内容内容<br>内容内容内容<br></p>    <p><a href="javascript:;" onClick="this.parentNode.parentNode.parentNode.children[2].onclick();">关闭窗口</a> <input type="button"  value="点这里也关闭" onclick="B.close();"></p></div><script type="text/javascript">/* 找到关闭按钮节点 调用 onclick(); 就关闭窗口 或者 调用创建窗口的close() 方法*/B=ui.box('弹出窗口标题',A.$('ssss'));</script>

• 表单必填项怎么设置验证？

<!--        req="true" 表示用户名为必填项，当用户名为空是提示为：        提示语默认是 元素的父级的上一个元素的内容。下面的提示为 用户名不能为空；        自定义提示提示信息看 属性ts--><form action="" method="post"><table>        <tr><td>用户名：</td><td><input type="text" req="true"></td></tr>        <tr><td colspan="2"><input type="submit" value="提交"></td></tr></table></form>

• 怎么设置验证指定格式的表单内容？

<!--exp="这里填写正则表达式" 表示当内容不为空时，用正则表达式验证当前元素里面的内容如：必填 邮箱格式 自定义提示语--><form action="javascript:;" method="post"><table>        <tr><td>email：</td><td><input type="text" ts="邮箱格式不正确" req="true" exp="^[\w\-_\.]+@[\w\-]+(\.[a-zA-Z]{2,6}){1,2}$"></td></tr>    <tr><td colspan="2"><input type="submit" value="提交"></td></tr></table>

ui ui提示
alert：警告提示
error：错误提示
success：成功提示
notice：注意提示
confirm：确认提示
prompt：录入提示
box：窗口
move：移动元素
F 表单验证
on：绑定事件在元素上
addcss：添加css类
remove：删除css类
css：默认css类
st：初始化
A 基本方法
$：获取id
$$：创建元素
r：产生随机数
d：删除元素
wc：写入cookie
rc：读取cookie
s：当前元素的上一个元素
x：当前元素的上一个元素素
aj：ajax
wz：获取元素的位置

了解更多，可单击链接：http://www.yxsss.com/ui/

js 代码实现链接 易U

了解更多，可单击链接：http://www.yxsss.com/ui/

易U

js 代码实现链接易U