<a href="https://console.cloud.google.com/apis/credentials">Get Your Api Credentials Here</a> <a href="https://calendar.google.com/calendar">Get your Calender ID</a> <?php include_once("wp-load.php"); function get_calender_events() { $params = array(); /*Get current date*/ $current_date = date('Y-m-d H:i:s'); /*Convert it to google calendar's rfc_format */ $rfc_format = date("c", strtotime($current_date)); $params[] = 'orderBy=startTime'; $params[] ='maxResults=100'; $params[] = 'timeMin='.urlencode($rfc_format); $url_param = ''; foreach($params as $param) { $url_param.= '&'.$param; } $calender_id = "calender_id"; $client_key = "client_key"; $url = "https://www.googleapis.com/calendar/v3/calendars/".$calender_id."/events?key=".$client_key."&singleEvents=true".$url_param; $list_events = wp_remote_post($url, ...
Mouseenter And Mouseleave Jquery Example
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(document).ready(function() {
$('.menu-link').mouseenter(function(){
var callss=this.id;
$('.menuDescription').css('display','none');
$('.'+callss).show();
}).mouseleave(function() {
$('.menuDescription').css('display','none');
});
});
</script>
<style>
.menuDescription {
position: absolute;
background:#EB088D;
color:#fff;
font-weight:bold;
padding:2px 3px;
z-index:99999;
}
</style>
<ul id="menu" class="menu">
<br>
<li id="menu1" class="menu-link"><a href="/">LINK1</a></li>
<li id="menu2" class="menu-link"><a href="/">LINK2</a></li>
<li id="menu3" class="menu-link"><a href="/">LINK3</a></li>
<li id="menu4" class="menu-link"><a href="/">LINK4</a></li>
</ul>
<br>
<div id="menu1content" class="menuDescription menu1" style="display: none;">
Description for "menu1"
</div>
<div id="menu2content" class="menuDescription menu2" style="display: none;">
Description for "menu2"
</div>
<div id="menu3content" class="menuDescription menu3" style="display: none;">
Description for "menu3"
</div>
<div id="menu4content" class="menuDescription menu4" style="display: none;">
Description for "menu4"
</div>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(document).ready(function() {
$('.menu-link').mouseenter(function(){
var callss=this.id;
$('.menuDescription').css('display','none');
$('.'+callss).show();
}).mouseleave(function() {
$('.menuDescription').css('display','none');
});
});
</script>
<style>
.menuDescription {
position: absolute;
background:#EB088D;
color:#fff;
font-weight:bold;
padding:2px 3px;
z-index:99999;
}
</style>
<ul id="menu" class="menu">
<br>
<li id="menu1" class="menu-link"><a href="/">LINK1</a></li>
<li id="menu2" class="menu-link"><a href="/">LINK2</a></li>
<li id="menu3" class="menu-link"><a href="/">LINK3</a></li>
<li id="menu4" class="menu-link"><a href="/">LINK4</a></li>
</ul>
<br>
<div id="menu1content" class="menuDescription menu1" style="display: none;">
Description for "menu1"
</div>
<div id="menu2content" class="menuDescription menu2" style="display: none;">
Description for "menu2"
</div>
<div id="menu3content" class="menuDescription menu3" style="display: none;">
Description for "menu3"
</div>
<div id="menu4content" class="menuDescription menu4" style="display: none;">
Description for "menu4"
</div>
Comments
Post a Comment