Open new window in WSS Get link Facebook X Pinterest Email Other Apps January 04, 2010 today i testing Open New Window in Quick launch WSS Navigation.javascript:window.open('http://www.google.com','_blank');history.go(0); Get link Facebook X Pinterest Email Other Apps Comments
HTML5 video loop src change on end play function February 21, 2014 1. HTML <video id="homevideo" width="100%" autoplay onended="run()"> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> </video> <ul> <li>http://www.w3schools.com/html/mov_bbb.mp4</li> <li>http://www.w3schools.com/html/movie.mp4</li> </ul> 2. CSS <style type='text/css'> ul { display:none; } </style> 3. jQuery <script type="text/javascript"> video_count = 0; videoPlayer = document.getElementById("homevideo"); function run(){ video_count++; var countVideo = $('li').length; if (video_count == countVideo) video_count = 0; var nextVideo = $('li').eq(video_count).text(); videoPlayer.sr... Read more
Set limit wp_nav_menu January 10, 2012 <?php $pages = wp_nav_menu( array( 'container_class' => 'menu1' ,'menu'=> 'Main Navigation','theme_location' => 'menu1', 'menu_class' => 'dropdown', 'echo' =>false,'container' => false ) );?> <ul class="dropdown"> <?php $limit = 5; $pages_list = preg_replace(array('#^ ]*>#','#$#'), '', $pages); $pages_arr = explode("\n", $pages_list); for($i=0;$i<$limit;$i++){ echo $pages_arr[$i]; } ?> </ul> Read more
Calculate percentage of a specific element has been scrolled into visible on the screen August 15, 2019 HTML <div class='info-container flex-layout'> <span>Scroll down</span> <span class='percent'>0%</span> </div> <div class='block'></div> <div class='element flex-layout'> <span>Start</span> <span>End</span> </div> <div class='block'></div> CSS body { margin: 0; padding: 0; color: white; } .flex-layout { display: flex; flex-direction: column; justify-content: space-between; } .info-container { position: fixed; z-index: 1; font-size: 2em; height: 100%; width: 100%; align-items: flex-end; color: white; } .block { height: 1000px; background: #333; } .element { align-items: center; background: #000; height: 450px; } JavaScript $(document).ready(function() { $(window).scroll(function() { var windowBottom = $(this).scro... Read more
Comments
Post a Comment