Jquery框架

1. DWZ 
   官方网址:http://code.google.com/p/dwz/  
   官方介绍:DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 
   DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 
   DWZ支持用html扩展的方式来代替javascript代码, 基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化. 
2. Liger UI框架 
   官方网址:http://www.ligerui.com/
3. JQuery Smart UI 
   官方网址:http://smartui.chinamzz.com  
   开发说明:http://www.cnblogs.com/zhh8077/archive/2010/12/07/1899360.html
4. angela UI 
   官方网址:http://code.google.com/p/angela

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery框架可以通过使用CSS3属性和插件来实现抽奖功能。其中,可以使用jQuery点击翻牌抽奖游戏代码和queryRotate插件来实现这个功能。 以下是一个使用jQuery点击翻牌抽奖游戏代码和queryRotate插件的示例: ```html <!DOCTYPE html> <html> <head> <title>抽奖游戏</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="jqueryRotate.js"></script> <style> .card { width: 100px; height: 100px; background-color: #ccc; border-radius: 5px; text-align: center; line-height: 100px; font-size: 24px; cursor: pointer; } </style> </head> <body> <div class="card">点击翻牌</div> <script> $(document).ready(function() { $('.card').click(function() { $(this).rotate({ angle: 0, animateTo: 180, duration: 1000, callback: function() { var randomNumber = Math.floor(Math.random() * 10) + 1; $(this).text(randomNumber); $(this).rotate({ angle: 180, animateTo: 360, duration: 1000 }); } }); }); }); </script> </body> </html> ``` 在上面的示例中,我们首先引入了jQuery库和queryRotate插件的脚本文件。然后,我们定义了一个具有.card类的div元素作为翻牌区域。通过点击该区域,我们可以触发翻牌动画和随机数字的显示。 在JavaScript代码中,我们使用了jQuery的.click()方法来监听.card元素的点击事件。当点击事件发生时,我们使用queryRotate插件的.rotate()方法来实现翻牌动画效果。在翻牌动画完成后,我们生成一个随机数字,并将其显示在.card元素中。最后,我们再次使用.rotate()方法来实现翻牌动画的还原。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值