怎么在HTML代码中加入时钟插件

怎么在HTML代码中加入时钟插件,第1张

按如下步骤来吧:

1. 假设你下载下来的MY97控件的文件夹名字是My97DatePicker,然后把这个文件夹放到网站根目录里。

2. 在需要调用控件的页面(该页面与My97DatePicker文件夹在同级目录下)的<head></head>中间加入引用:<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>,在你这个页面效果如下:

<head >

<meta http-equiv='Content-Type' content='text/html charset=UTF-8' >

<title >添加客户信息</title>

<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

</head>

3. 在要使用控件的文本框上加入onfocus="WdatePicker()",在你的这个页面效果如下:

<div>

   <span>入住时间:</span>

   <input type="text" name='edtIntime' onfocus="WdatePicker()" />

</div>

然后就可以用了,如果页面与My97DatePicker文件夹不在同一级目录下,在第2步的时候需要改一下,具体可以追问。

纯手打,希望对你有帮助。

如果你用过 jQuery UI,那么你应该会知道它内置有一个拖动排序(sortable)的功能。今天给大家推荐一个轻量级的拖动排序插件,让你能够摆脱 jQuery UI。

HTML5 Sortable 是一个简单易用的轻量级 jQuery 插件,它可让你轻松实现列表的拖动排序功能,它基于原生 HTML5 的拖动 API 而实现。更重要的一点是它支持包括 IE 在内的所有主流浏览器。

如何使用

请参考http://farhadi.ir/projects/html5sortable/

首先引入 jQuery 框架HTML5 Sortable 插件。

1、<script src="jquery.min.js"></script>

2、<script src="jquery.sortable.js"></script>

然后像这样添加一个 UL 列表,同时可以再加上自定义的样式。

<ul class="sortable"

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

最后初始化 

//初始化

$('.sortable').sortable()

//绑定方法:当改变排序后执行

$('.sortable').sortable().bind('sortupdate', function() {//Triggered when the user stopped sorting and the DOM position has changed. })

//移除拖动排序功能

$('.sortable').sortable('destroy')

您好!

安装firebug扩展即可。FireBug 是 Firefox 火狐浏览器 的一款开发类插件,集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML 和 Ajax 的得力助手。参考这里:http://mozilla.com.cn/addon/3-firebug/

希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

了解更多火狐浏览器的使用小技巧,请到火狐社区:http://mozilla.com.cn/topic/1/

感谢您对火狐浏览器的支持!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6128066.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存