Advertisement
salmancreation

some js cusmtom html

Nov 23rd, 2016
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. (function ($) {
  2.  "use strict";
  3.    
  4. $(document).ready(function(){
  5. /*---------------------
  6.     menu active
  7. --------------------- */
  8.    
  9.     $(".menubtn").on('click', function(){
  10.         $(".logomenu").slideToggle();
  11.     });
  12. /*---------------------
  13.     map button
  14. --------------------- */
  15.     $(".hideclick").on('click', function(){
  16.         $("#googleMap").slideToggle();
  17.         $(".hideclick").css("display", "none");
  18.         $(".showclick").css("display", "inline-block");
  19.     });
  20.     $(".showclick").on('click', function(){
  21.         $("#googleMap").slideToggle();
  22.         $(".hideclick").css("display", "inline-block");
  23.         $(".showclick").css("display", "none");
  24.     });
  25.  
  26. /*---------------------
  27.  onePage Nav
  28. --------------------- */
  29. $("#nav").onePageNav();
  30.    
  31. /*---------------------
  32.     screen short
  33. --------------------- */
  34.    
  35.     var owl = $('#owl-demo');
  36.         owl.owlCarousel({
  37.         loop:true,
  38.         margin:0,
  39.         nav:true,      
  40.         autoplay:false,
  41.         smartSpeed:1000,
  42.         navText: ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
  43.         responsive:{
  44.             0:{
  45.                 items:1
  46.             },
  47.             600:{
  48.                 items:1
  49.             },
  50.             750:{
  51.                 items:3
  52.             },
  53.             1000:{
  54.                 items:3
  55.             }
  56.         }
  57.     })  
  58.    
  59.  
  60. /*---------------------
  61.    scrollUp
  62. --------------------- */   
  63.     $.scrollUp({
  64.         scrollText: '<i class="fa fa-angle-double-up"></i>',
  65.         easingType: 'linear',
  66.         scrollSpeed: 1000,
  67.         animation: 'fade'
  68.     });
  69.    
  70. /*---------------------
  71. latest feature
  72. --------------------- */   
  73. var carousel = $("#owl-dmo");
  74.  
  75.    carousel.owlCarousel({
  76.     loop:false,
  77.     autoplay:false,
  78.     navigation : true,
  79.     pagination:false,
  80.     navigationText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
  81.     items : 3,
  82.     itemsDesktop : [1199,3],
  83.     itemsDesktopSmall : [979,3],
  84.     itemsMobile : [767,1],
  85.      
  86.     });
  87.  
  88.    
  89.     $('.showclick').on('click', function(){
  90.         $(this).toggleClass('icondown');
  91.     });
  92.    
  93.    
  94. });
  95.    
  96.    
  97.    
  98. })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement