Css en vivo, fadein(500) fadeout(500)
Publicado por angel (12 intervenciones) el 26/02/2018 15:52:08
Me podríais explicar que hace este código linea a linea, las funciones fadein(500) fadeout(500) por ejemplo no las entiendo.
Me gustaría cambiarlo para que puedan cambiarse los colores sin tocar ningún control. Es decir al ejecutarse.
Código extraído de:
http://www.webcamp.es/configurar-css-en-vivo/
Me gustaría cambiarlo para que puedan cambiarse los colores sin tocar ningún control. Es decir al ejecutarse.
Código extraído de:
http://www.webcamp.es/configurar-css-en-vivo/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(document).ready(function(){
//show - hide box
$('.toggle').click(function(){
$('.box').toggleClass('show');
});
//colorPicker
$('.cPicker').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('.cPicker div').css('backgroundColor', '#' + hex);
$('header').css('backgroundColor', '#' + hex);
}});
//select boxed - full width
$('select').on('change',function(){
var op = $('select').val();
if(op == 'full'){
$('#container').css('max-width','100%');
}if(op == 'boxed'){
$('#container').css('max-width','990px');
}});
//body background image
$('.pattern1 a').click(function(){
$('body').css('background-image','url(images/pattern/dark_exa.png)');
});
$('.pattern2 a').click(function(){
$('body').css('background-image','url(images/pattern/footer_lodyas.png)');
});
$('.pattern3 a').click(function(){
$('body').css('background-image','url(images/pattern/swirl_pattern.png)');
});
});
Valora esta pregunta
0