用JObj实现的渐变效果

我们 www.jb51.net>

(function($){
$.isPercent = function(p){
return /^(\d*)(\.?)(\d*)%$/.test(p);
}

var __alert__ = $.alert;

$.alert = function(){
var arg,s="";
for(var i=0;arg = arguments[i];i++){
s += arg + "\n"
}
__alert__(s);
}
})(window);

String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}

var JObj = {};
(function($){

/*----------------------------------------------------------------------------
Config
Private
----------------------------------------------------------------------------*/

var Config = {};
(function($){
$.Const = {};
$.Path = {};
$.loadedModule = {};
})(Config)

$.$getConfigConst = function(){
return Config.Const;
}

$.$getConfigPath = function(){
return Config.Path;
}

$.$getConfigLoaded = function(){
return Config.LoadedModule;
}

/*----------------------------------------------------------------------------
Error
JObj.Error
----------------------------------------------------------------------------*/

$.Error = {};
(function($){
$.debug = true;

var ErrorList = {};

$.$pushError = function(msg,e){

}

})($.Error)

/*----------------------------------------------------------------------------
Dom operater
JObj.Dom Object
----------------------------------------------------------------------------*/

var DomObj = function(){
var $ = this;
var object;

$.$setHTMLObject = function(p){
object = p;
//alert($.$setHTMLObject.caller);
}

$.$getHTMLObject = function(){
return object;
}

$.$appendTo = function(p){
f = JObj.Dom.$(p,false) || document.body;
f.appendChild(object);
return $;
}

$.$attr = function(k,v){
object.setAttribute(k,v);
object[k] = v;
return $;
}

$.$attrs = function(rule){
var k;
for(k in rule){
$.$attr(k,rule[k]);
}
return $;
}

$.$css = function(k,v){
object.style[k] = v;
return $;
}

$.$csss = function(rule){
var k;
for(k in rule)
$.$css(k,rule[k]);
return $;
}
}

$.Dom = {};
(function($,$$){

var domObj = new DomObj();

$.$ = function(p,f){
var o = typeof(p) == "object" ? p : document.getElementById(p);
if(f !== false){
domObj.$setHTMLObject(o);
return domObj;
}else return o;
}

$.$tag = function(p){
return o = document.getElementsByTagName(p);
}

$.$c = function(p,n){
var o;
try{
if(n) o = document.createElemnet("");
else o = document.createElement(p);
}catch(e){
o = document.createElement(p);
o.name = name;
}

domObj.$setHTMLObject(o);
return domObj;
}
})($.Dom,$)

/*----------------------------------------------------------------------------------
Browser check
JObj.Browser Object
----------------------------------------------------------------------------------*/

$.Browser = {};
(function($){

var $fv = function(){
var f="-1",n=navigator;
if (n.plugins && n.plugins.length) {
for (var ii=0;ii=2;ii--) {
try {
var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');");
if (fl) { f=ii + '.0'; break; }
}catch(e) {}
}
}

if(f == "-1") return f;
else return f.substring(0,f.indexOf(".")+2)
}

//Notice : Firefox ,NS can't use property: name (case sensitive)! Because it's a hold field ,and it's values is anonymous.
var n_ = navigator,s_ = screen;

var b = n_.appName;
var ua = n_.userAgent.toLowerCase();

$.name = "Unknow";
$.safari = ua.indexOf("safari")>-1; // always check for safari & opera
$.opera = ua.indexOf("opera")>-1; // before ns or ie
$.firefox = ua.indexOf('firefox')>-1; // check for gecko engine
$.ns = !$.firefox && !$.opera && !$.safari && (b=="Netscape");
$.ie = !$.opera && (b=="Microsoft Internet Explorer");

$.name = ($.ie ? "IE" : ($.firefox ? "Firefox" : ($.ns ? "Netscape" : ($.opera ? "Opera" : ($.safari ? "Safari" : "Unknow")))));

switch($.name){
case "Opera":
$.fullVersion = ua.substr(ua.indexOf("opera") + 6);
break;
case "IE":
$.fullVersion = ua.substr(ua.indexOf("msie") + 5).split(";")[0];
break;
case "Firefox":
$.fullVersion = ua.substr(ua.indexOf("firefox") + 8);
break;
case "Safari":
$.fullVersion = ua.substr(ua.indexOf("version") + 8).split(" ")[0];
break;
case "Netscape":
$.fullVersion = ua.substr(ua.indexOf("netscape") + 9);
break;
default:
$.fullVersion = "-1";
}
$.version = parseFloat($.fullVersion);

$.flashVersion = $fv();
$.cookieEnabled = n_.cookieEnabled;
$.javaEnabled = n_.javaEnabled();

})($.Browser);

/*----------------------------------------------------------------------------------
Cookie Operate
JObj.Cookie Object
----------------------------------------------------------------------------------*/
$.Cookie = {};
(function($){
$.$get = function(){
var cookies = document.cookie;
if (cookies == "") return;
cookies = cookies.split(';');
for(var i=0; i

for(var i=0;i

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 基于jquery的direction图片渐变动画效果

    还有一点就是包括滤镜的使用但是有一点必须要说明的是滤镜在firefox下不能识别看不到效果, 下面就开始我们的代码编写吧 html是比较简单的 代码 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <TITLE>myjquerydirection</TITLE> <META http-equiv

  • android自定义进度条渐变圆形

    android自定义进度条渐变圆形

    在安全卫生上,经常看到有圆形的进度条在转动,效果非常好看,于是就尝试去实现一下,具体实现过程不多说了,直接上效果图,先炫耀下. 效果图: 分析:比较常见于扫描结果.进度条等场景 利用canvas.drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)绘制圆弧 Paint的一些属性定义粗细.颜色.样式等 LinearGradient实现颜色的线型渐变 同样的道理,可以画出长条进度

  • android自定义进度条渐变色View的实例代码

    android自定义进度条渐变色View的实例代码

    最近在公司,项目不是很忙了,偶尔看见一个兄台在CSDN求助,帮忙要一个自定义的渐变色进度条,我当时看了一下进度条,感觉挺漂亮的,就尝试的去自定义view实现了一个,废话不说,先上图吧! 这个自定义的view,完全脱离了android自带的ProgressView,并且没使用一张图片,这样就能更好的降低程序代码上的耦合性! 下面我贴出代码  ,大概讲解一下实现思路吧! 复制代码 代码如下: package com.spring.progressview; import android.conten

  • android中实现背景图片颜色渐变方法

    android中实现背景图片颜色渐变方法

    常用,记录一下. 效果图: 首先新建xml文件  bg_gradient.xml 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android" >        <gradient          android:startColor="

  • Android应用中设置alpha值来制作透明与渐变效果的实例

    Android应用中设置alpha值来制作透明与渐变效果的实例

    Android系统支持的颜色是由4个值组成的,前3个为RGB,也就是我们常说的三原色(红.绿.蓝),最后一个值是A,也就是Alpha.这4个值都在0~255之间.颜色值越小,表示该颜色越淡,颜色值越大,表示该颜色越深.如果RGB都是0,就是黑色,如果都为255,就是白色.Alpha也需要在0~255之间变化.Alpha的值越小,颜色就越透明,Alpha的值越大,颜色就不透明.当Alpha的值为0时,颜色完全透明,完全透明的位图或者图形从View上消失.当Alpha的值为255时,颜色不透明.从A

  • Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/位移/旋转

    Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/位移/旋转

    Android 平台提供了两类动画. 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转.平移.放缩和渐变). 下面就讲一下Tweene Animations. 主要类: Animation 动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation 位置移动 AnimationSet 动画集 一.AlphaAnimation 其中AlphaAnimatio

  • Android UI设计系列之自定义ListView仿QQ空间阻尼下拉刷新和渐变菜单栏效果（8）

    Android UI设计系列之自定义ListView仿QQ空间阻尼下拉刷新和渐变菜单栏效果（8）

    好久没有写有关UI的博客了,刚刚翻了一下之前的博客,最近一篇有关UI的博客:Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7) ,实现各种风格效果的对话框,在那篇博客写完后由于公司封闭开发封网以及其它原因致使博客中断至今,中断这么久很是惭愧,后续我会尽量把该写的都补充出来.近来项目有个需求,要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效果.于是花点时间动手试了试,基本上达到了QQ空间的效果,截图如下: 通过观察QQ空间的运行效果,发现当往上滚动时菜单

  • Android动画之渐变动画(Tween Animation)详解 (渐变、缩放、位移、旋转)

    本文实例讲述了Android动画之渐变动画(Tween Animation).分享给大家供大家参考,具体如下: Android 平台提供了两类动画. 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转.平移.放缩和渐变). 第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似. 下面就讲一下Tweene Animations. 主要类: Animation                  动画 AlphaAnimation          

  • Android实现歌词渐变色和进度的效果

    Android实现歌词渐变色和进度的效果

    要用TextView使用渐变色,那我们就必须要了解LinearGradient(线性渐变)的用法. LinearGradient的参数解释 LinearGradient也称作线性渲染,LinearGradient的作用是实现某一区域内颜色的线性渐变效果,看源码你就知道他是shader的子类. 它有两个构造函数 public LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1, Shader.T

  • Android ScrollView滑动实现仿QQ空间标题栏渐变

    Android ScrollView滑动实现仿QQ空间标题栏渐变

    今天来研究的是ScrollView-滚动视图,滚动视图又分横向滚动视图(HorizontalScrollView)和纵向滚动视图(ScrollView),今天主要研究纵向的.相信大家在开发中经常用到,ScrollView的功能已经很强大了,但是仍然满足不了我们脑洞大开的UI设计师们,所以我们要自定义-本篇文章主要讲监听ScrollView的滑动实现仿QQ空间标题栏渐变,先看一下效果图: 好了我们切入主题. 有可能你不知道的那些ScrollView属性  •android:scrollbars 设

随机推荐