当前位置: 代码迷 >> HTML/CSS >> 共享两个日前手机项目的HTML5的widget,星星评级以及标签选项卡,样式美观,iphone/android可用
  详细解决方案

共享两个日前手机项目的HTML5的widget,星星评级以及标签选项卡,样式美观,iphone/android可用

热度:471   发布时间:2012-09-18 16:21:42.0
共享两个最近手机项目的HTML5的widget,星星评级以及标签选项卡,样式美观,iphone/android可用

1.?? 星星评级(http://kitjs.co.cc/demo/StarLevel/demo.html)

image

支持Webkit核心,使用方法如下

浏览器上,用鼠标在星星上按下,左右移动,选择星星级别,释放左键,选择成功,给出提示

手机上,手指按下,左右移动,选择星星级别,手指移开,选择成功,给出提示

?

2.?? 标签选项卡(http://kitjs.co.cc/demo/TabPanel/demo.html)

image

?

支持Webkit核心,使用方法如下

?

电脑上,

1.左键单击选择,打开tab对应的div容器

2.tab选项卡可以鼠标左键按住左右拖动

?? 1.拖动可分三档,

????? a)慢速拖动,tab跟随鼠标

??????b)中档拖动,tab会有移动加速

????? c)快速拖动,tab会有极大移动加速

????? d)拖动结果不能超出边界,超出会自动回边界,类似iphone

手机操作类似电脑

?

基于纯HTML5+Css3制作,更多插件分享,陆续分享ing

1 楼 284772894 2012-03-03  
没有效果啊。。。我在chrome中看的