一款圆形 jQuery颜色选择器插件下载
2014-10-13 00:00
176 查看
摘要: 分享一个网页jquery颜色选择器,有需要的朋友参考下
不解释,先上效果图:
在线实例下载演示地址:http://www.ui3g.com/code/uicode-293.html
不解释,先上效果图:
在线实例下载演示地址:http://www.ui3g.com/code/uicode-293.html
var theme_list_open = false; $(document).ready(function() { function fixHeight() { var headerHeight = $("#switcher").height(); $("#iframe").attr("height", $(window).height() + "px") } $(window).resize(function() { fixHeight() }).resize(); $('.icon-monitor').addClass('active'); $(".icon-mobile-3").click(function() { $("#by").css("overflow-y", "auto"); $('#iframe-wrap').removeClass().addClass('mobile-width-3'); $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false }); $(".icon-mobile-2").click(function() { $("#by").css("overflow-y", "auto"); $('#iframe-wrap').removeClass().addClass('mobile-width-2'); $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false }); $(".icon-mobile-1").click(function() { $("#by").css("overflow-y", "auto"); $('#iframe-wrap').removeClass().addClass('mobile-width'); $('.icon-tablet,.icon-mobile,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false }); $(".icon-tablet").click(function() { $("#by").css("overflow-y", "auto"); $('#iframe-wrap').removeClass().addClass('tablet-width'); $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false }); $(".icon-monitor").click(function() { $("#by").css("overflow-y", "hidden"); $('#iframe-wrap').removeClass().addClass('full-width'); $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false }) }); function Responsive($a) { if ($a == true) $("#Device").css("opacity", "100"); if ($a == false) $("#Device").css("opacity", "0"); $('#iframe-wrap').removeClass().addClass('full-width'); $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active'); $(this).addClass('active'); return false };
相关文章推荐
- jQueryWTP一款让Eclipse支持jQuery的插件
- jquery插件--图片拖拽排序【新增预览图和下载包】
- 介绍一款JQuery插件-mopTip(popup窗口)
- JQuery 定时器 (Jquery Timer 插件) 下载及示例
- 一款比较实用齐全的jQuery 表单验证插件
- 强烈推荐240多个jQuery插件提供下载
- 推荐一个jQuery弹出模态窗口的插件(源码下载)
- 跟我一起学写jQuery插件开发方法(附完整实例及下载)
- 跟我一起学写jQuery插件(附完整实例及下载)
- Jquery插件学习网页和实例下载
- 基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现(含源代码下载)
- 强烈推荐240多个jQuery插件提供下载
- DW CS4 的 jQuery_api_for_dw4插件下载
- (转)跟我一起学写jQuery插件(附完整实例及下载)
- 21款JQUERY的提示插件,总有一款合你心意
- jQuery弹出层插件简化版代码下载
- 基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现(含源代码下载)
- [原创]jPagerBar1.2发布-jquery分页插件(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- 一款比较实用齐全的jQuery 表单验证插件
- 跟我一起学写jQuery插件(附完整实例及下载)