technolyceum/g10-m2
Template
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added dirocty from javascript to jquery

Browse Source
This commit is contained in:
root
2025-11-20 16:20:58 +03:00
parent 31a20b5fe5
commit 9202203116
351 changed files with 7583 additions and 1346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
FromJavaScriptTojQuery-master/03-jQueryEvents/07-method_chaining/video_solution/script.js Executable file
View File

@@ -0,0 +1,70 @@
$(document).ready(function() {
// Create the slideToggle effects each of the paragraphs and
// buttons
$("#button_effects1").click(function(){
$('#par1').slideToggle('1000');
});
$("#button_effects2").click(function(){
$('#par2').slideToggle('1000');
});
$("#button_effects3").click(function(){
$('#par3').slideToggle('1000');
});
$("#button_effects4").click(function(){
$('#par4').slideToggle('1000');
});
$("#button_effects5").click(function(){
$('#par5').slideToggle('1000');
});
$("#button_effects6").click(function(){
$('#par6').slideToggle('1000');
});
// Use the fadeTo effect when the mouse hovers over a specific button
// and fadeTo again when the mouse is no longer hovering over the button
$("#button_effects1").mouseenter(function(){
$('#button_effects1').fadeTo(1000, 0.5);
});
$("#button_effects1").mouseleave(function(){
$('#button_effects1').fadeTo(1000, 1);
});
$("#button_effects2").mouseenter(function(){
$('#button_effects2').fadeTo(1000, 0.5);
});
$("#button_effects2").mouseleave(function(){
$('#button_effects2').fadeTo(1000, 1);
});
$("#button_effects3").mouseenter(function(){
$('#button_effects3').fadeTo(1000, 0.5);
});
$("#button_effects3").mouseleave(function(){
$('#button_effects3').fadeTo(1000, 1);
});
$("#button_effects4").mouseenter(function(){
$('#button_effects4').fadeTo(1000, 0.5);
});
$("#button_effects4").mouseleave(function(){
$('#button_effects4').fadeTo(1000, 1);
});
$("#button_effects5").mouseenter(function(){
$('#button_effects5').fadeTo(1000, 0.5);
});
$("#button_effects5").mouseleave(function(){
$('#button_effects5').fadeTo(1000, 1);
});
$("#button_effects6").mouseenter(function(){
$('#button_effects6').fadeTo(1000, 0.5);
});
$("#button_effects6").mouseleave(function(){
$('#button_effects6').fadeTo(1000, 1);
});
$("#myButton").removeClass("blueBox").addClass("border");
$("p").css("color", "blue").slideUp(2000).slideDown(2000);
$("a").attr("href", "http://www.example.com");
});