Como puedo acceder al css y modoficar el BoxShadow, mozBoxShadow, y webkitBoxShadow por medio de jquery
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hola</title>
<style>
body { background-image: url(city.jpg) }
a {
position: relative;
margin: 100px auto;
width: 160px;
height: 160px;
background-color: rgba(7,148,255,1);
font-family: 'Sans Serif';
font-weight: 700;
font-size: 3em;
text-align: center;
text-decoration: none;
color: rgba(255,255,255,1);
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
a:active {
-webkit-box-shadow: 0px 3px 0px rgba(14,162,236,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(14,162,236,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(14,162,236,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}
</style>
<script>
// We really want to disable
window.open = function() {};
window.alert = function() {};
window.print = function() {};
window.prompt = function() {};
window.confirm = function() {};
</script>
<script>
// #killanim is only being used in lab full view, maybe we could
// use it everywhere :D
//if (window !== window.top && window.top.__stop_animations !== false) {
if (window !== window.top && location.hash !== '#dontkillanim') {
window.is_webkit = /(webkit)[ \/]([\w.]+)/.exec(window.navigator.userAgent.toLowerCase())
window.max_timer = window.is_webkit ? 2000 : 20
// Let's try to prevent user's from OOM'ing esp. in FX and Op.
// First, we need to stop CSS Animations, after say 5s ?
//
// Ok, so i tried 5s, but there are some problems. Firstly, Firefox
// and opera behave same. little improvement only. So making it 3s now.
//
// Tutorial: https://developer.mozilla.org/en/CSS/CSS_animations
// Help: http://www.sitepoint.com/css3-animation-javascript-event-handlers
var pauseCSSAnimations = function() {
var stopCSSAnimations = function() {
// Get the Body Element
var body = document.getElementsByTagName('body')[0];
// We'll setup animationstart and animationiteration
// events only. No need for animationend, cuz the
// animation might be 30minutes long. animationiteration
// cuz the animation might be .000002ms long.
// addEventListener is perfectly supported in IE9.
// and we don't care about IE8 and below. Let those
// browsers die in a fire!
body.addEventListener('webkitAnimationStart', stopAnimation, false);
body.addEventListener('webkitAnimationIteration', stopAnimation, false);
body.addEventListener('animationstart', stopAnimation, false);
body.addEventListener('animationiteration', stopAnimation, false);
};
// e is the event object bro ;)
var stopAnimation = function(e) {
// e.srcElement? lulz...
var target_el = e.target;
var e_type = e.type.toLowerCase();
if (e_type.indexOf('animationstart') !== -1 || e_type.indexOf('animationiteration') !== -1) {
// LOL, we need to stop the animation now!
// setInterval? lulz...
setTimeout(false, function() {
if (target_el.style.webkitAnimationPlayState !== 'paused')
target_el.style.webkitAnimationPlayState = 'paused';
if (target_el.style.MozAnimationPlayState !== 'paused')
target_el.style.MozAnimationPlayState = 'paused';
if (target_el.style.animationPlayState !== 'paused')
target_el.style.animationPlayState = 'paused';
}, window.max_timer);
}
}
stopCSSAnimations();
};
// Next we need to pause/stop JS Animations
var pauseJSAnimations = function() {
// We need to override setInterval, setTimeout
// in such a way, that all the calls register their
// ids in an array and we can clear all the ids
// after a given time.
//
// Don't trust me ? Lern2Google:
// http://stackoverflow.com/a/11374151/1437328
// http://stackoverflow.com/a/8524313/1437328
// http://stackoverflow.com/a/8769620/1437328
//
// 3rd one is pretty much the code you need!
//
// Thank you for building your trust in me now :D
window.setInterval = (function(oldSetInterval) {
var registered = [];
var f = function() {
var id;
// .. this!
var $this = this;
// setInterval accepts n no. of args
var args = arguments;
// What if someone used the awesome Function.bind() ?
// I am sure we want the awesome apply() then ;)
// this is my awesome brain usage. if first val is nonsense,
// then don't register, heh.
if (typeof args[0] !== 'function' && args[0] === false) {
args = Array.prototype.slice.call(arguments);
args = args.slice(1);
id = oldSetInterval.apply($this, args)
}
else {
id = oldSetInterval.apply($this, args);
registered.push(id);
}
//console.log(registered);
// Need to return the Interval ID
return id;
};
f.clearAll = function() {
var r;
while (r = registered.pop()) {
clearInterval(r);
}
};
return f;
})(window.setInterval);
window.setTimeout = (function(oldSetTimeout) {
var registered = [];
var f = function() {
var id;
// .. this!
var $this = this;
// setInterval accepts n no. of args
var args = arguments;
// What if someone used the awesome Function.bind?
// I am sure we want the awesome apply then ;)
// this is my awesome brain usage. if first val is nonsense,
// then don't register, heh.
if (typeof args[0] !== 'function' && args[0] === false) {
args = Array.prototype.slice.call(arguments);
args = args.slice(1);
id = oldSetTimeout.apply($this, args)
}
else {
//console.log('lolzzzzz');
id = oldSetTimeout.apply($this, args);
registered.push(id);
}
//console.log(registered);
// Need to return the Timeout ID
return id;
};
f.clearAll = function() {
var r;
while (r = registered.pop()) {
clearTimeout(r);
}
};
return f;
})(window.setTimeout);
setTimeout(false, function() {
setTimeout.clearAll();
setInterval.clearAll();
}, window.max_timer);
// Time to Cancel rAF's Bro :)
// You know things are harder when people are actually
// using shims for rAF :/ So we need to test for vendors!
window.__requestAnimFrame = window.requestAnimationFrame || undefined;
window.__cancelAnimFrame = window.cancelAnimationFrame || undefined;
window.__vendors = ['webkit', 'moz', 'ms', 'o'];
window.__registered_rafs = [];
// I can't think of a good way to cancel rAF's
// So maybe lets use something similar to our other canceller's
window.__requestFrame = function(cb) {
if (!window.__requestAnimFrame) return;
var req_id = window.__requestAnimFrame(cb);
__registered_rafs.push(req_id);
return req_id;
};
// Determine the proper VendorPrefixedFunctionName
if (!window.__requestAnimFrame) {
for (var x = 0; x < window.__vendors.length; x++) {
if (!window.__requestAnimFrame) {
window.__requestAnimFrame = window[window.__vendors[x]+'RequestAnimationFrame'];
window[window.__vendors[x]+'RequestAnimationFrame'] = __requestFrame;
}
if(!window.__cancelAnimFrame) {
// I came across webkitCancelAnimationFrame and webkitCancelRequestAnimationFrame
// No idea about the difference, so maybe lets ||'fy it
window.__cancelAnimFrame = window[window.__vendors[x]+'CancelAnimationFrame'] ||
window[window.__vendors[x]+'CancelRequestAnimationFrame'];
}
}
}
// We have our proper vendor prefixed raf objects now :)
// So let's go mad!!!
// Let's Cancel our rAF's
setTimeout(false, function() {
if (!window.__requestAnimFrame) return;
var r;
while (r = window.__registered_rafs.pop()) {
window.__cancelAnimFrame(r);
}
}, window.max_timer);
};
// Had to place outside pauseAnimations to work properly
// else it was getting called afterwards code setTimeout/Interval executed
if (window !== window.top)
pauseJSAnimations();
var __pauseAnimations = function() {
if (window !== window.top)
pauseCSSAnimations();
};
}
else {
__pauseAnimations = function() {};
}
</script>
</head>
<body onload="__pauseAnimations();">
<a href="javascript:void(0);">!</a>
<script>
//For button
</script>
</body>
</html>
function RandomShadow(){
var rgbaColor = [];
var r = Math.floor((Math.random() * 255) + 1);
var g = Math.floor((Math.random() * 255) + 1);
var b = Math.floor((Math.random() * 255) + 1);
var newColor = '0px 9px 0px rgba(' + r + ',' + g ',' + b ',' + '1' + ')' + '0px 9px 25px rgba(' + r + ',' + g ',' + b ',' + '1' + ')';
rgbaColor.push(newColor);
window.alert(rgbaColor[0]);
}
document.getElementById('box').style['boxShadow'] = randomColor[0];
document.getElementById('box').style['mozBoxShadow'] = randomColor[0];
document.getElementById('box').style['webkitBoxShadow'] = randomColor[0];
-webkit-box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 0px rgba(22,171,22,1), 0px 9px 25px rgba(0,0,0,.7);
package org.multiclicker2.utils;
import java.util.Arrays;
import org.multiclicker2.a.d;
public class Base64Coder
{
private static final char[] jdField_a_of_type_ArrayOfChar;
private static final int[] jdField_a_of_type_ArrayOfInt;
public static String encodeString(String paramString)
{
return new String(encode(paramString.getBytes()));
}
public static char[] encode(byte[] paramArrayOfByte)
{
return encode(paramArrayOfByte, paramArrayOfByte.length);
}
public static char[] encode(byte[] paramArrayOfByte, int paramInt)
{
if ((paramInt < 0) || (paramInt > paramArrayOfByte.length)) {
throw new IllegalArgumentException("Invalid len or len greater than actual length of the input.");
}
char[] arrayOfChar = new char[(paramInt + 2) / 3 << 2];
int i = 0;
int j = 0;
int k;
int m;
int n;
while (i + 2 < paramInt)
{
k = (paramArrayOfByte[i] & 0xFF) >> 2;
m = (paramArrayOfByte[i] << 4 | (paramArrayOfByte[(i + 1)] & 0xFF) >> 4) & 0x3F;
n = (paramArrayOfByte[(i + 1)] << 2 | (paramArrayOfByte[(i + 2)] & 0xFF) >> 6) & 0x3F;
int i1 = paramArrayOfByte[(i + 2)] & 0x3F;
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[k];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[m];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[n];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[i1];
i += 3;
}
switch (paramInt - i)
{
case 0:
break;
case 1:
k = (paramArrayOfByte[i] & 0xFF) >> 2;
m = paramArrayOfByte[i] << 4 & 0x3F;
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[k];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[m];
arrayOfChar[(j++)] = '=';
arrayOfChar[j] = '=';
break;
case 2:
k = (paramArrayOfByte[i] & 0xFF) >> 2;
m = (paramArrayOfByte[i] << 4 | (paramArrayOfByte[(i + 1)] & 0xFF) >> 4) & 0x3F;
n = paramArrayOfByte[(i + 1)] << 2 & 0x3F;
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[k];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[m];
arrayOfChar[(j++)] = jdField_a_of_type_ArrayOfChar[n];
arrayOfChar[j] = '=';
}
return arrayOfChar;
}
public static String decodeString(String paramString)
{
return new String(decode(paramString));
}
public static byte[] decode(String paramString)
{
return decode(paramString.toCharArray());
}
private static int a(char paramChar)
{
if (paramChar >= jdField_a_of_type_ArrayOfInt.length) {
throw new IllegalArgumentException("Not Base64 data.");
}
if ((paramChar = jdField_a_of_type_ArrayOfInt[paramChar]) < 0) {
throw new IllegalArgumentException("Not Base64 data.");
}
return paramChar;
}
public static byte[] decode(char[] paramArrayOfChar)
{
if (paramArrayOfChar.length % 4 != 0) {
throw new IllegalArgumentException("Not Base64 data.");
}
for (int i = paramArrayOfChar.length; (i > 0) && (paramArrayOfChar[(i - 1)] == '='); i--) {}
byte[] arrayOfByte = new byte[i * 3 / 4];
int j = 0;
int k = 0;
int m;
int n;
int i1;
while (j + 3 < i)
{
m = a(paramArrayOfChar[j]);
n = a(paramArrayOfChar[(j + 1)]);
i1 = a(paramArrayOfChar[(j + 2)]);
int i2 = a(paramArrayOfChar[(j + 3)]);
arrayOfByte[(k++)] = ((byte)(m << 2 | n >> 4));
arrayOfByte[(k++)] = ((byte)(n << 4 | i1 >> 2));
arrayOfByte[(k++)] = ((byte)(i1 << 6 | i2));
j += 4;
}
switch (paramArrayOfChar.length - i)
{
case 0:
break;
case 1:
if (j + 2 >= paramArrayOfChar.length) {
throw new IllegalArgumentException("Not Base64 data.");
}
m = a(paramArrayOfChar[j]);
n = a(paramArrayOfChar[(j + 1)]);
i1 = a(paramArrayOfChar[(j + 2)]);
arrayOfByte[(k++)] = ((byte)(m << 2 | n >> 4));
arrayOfByte[k] = ((byte)(n << 4 | i1 >> 2));
break;
case 2:
if (j + 1 >= paramArrayOfChar.length) {
throw new IllegalArgumentException("Not Base64 data.");
}
m = a(paramArrayOfChar[j]);
n = a(paramArrayOfChar[(j + 1)]);
arrayOfByte[k] = ((byte)(m << 2 | n >> 4));
}
return arrayOfByte;
}
public Base64Coder()
{
d.a("Do not instantiate Base64Coder. Provided methods are static.");
}
static
{
int i = (jdField_a_of_type_ArrayOfChar = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".toCharArray())[0];
for (int j = 1; j < jdField_a_of_type_ArrayOfChar.length; j++) {
if (jdField_a_of_type_ArrayOfChar[j] > i) {
i = jdField_a_of_type_ArrayOfChar[j];
}
}
Arrays.fill(jdField_a_of_type_ArrayOfInt = new int[i + 1], -1);
for (j = 0; j < jdField_a_of_type_ArrayOfChar.length; j++) {
jdField_a_of_type_ArrayOfInt[jdField_a_of_type_ArrayOfChar[j]] = j;
}
}
}