Submit your widget

jQuery image AdSense(Image Tips)

Created 14 years ago   Views 15118   downloads 3227    Author htmldrive
jQuery image AdSense(Image Tips)
View DemoDownload
134
Share |

Installation
 

Step1:include css and js files.



<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_tip_imagesAdSense.js"></script>



Step2:create images and text.



<img id="image_AdSense" src="images/publisher-image.jpg" height="424" width="283" alt="image_AdSense"/>
<ul id="image_AdSense_content">
<li>
Your tips contents1
</li>
<li>
Your tips contents2
</li>
<li>
Your tips contents3
</li>
</ul>



Step3:add script.



<script language="javascript" type="text/javascript">
$(function() {
$("#image_AdSense").webwidget_tip_imagesAdSense({
tip_button_style: 'circle',
tip_button_autohide: 'disable',
tip_content_font_color: '#666',
tip_content_background_color: '#FFF',
tip_content_border_color: 'blue',
tip_content_width: '250',
tip_position: 'right',
position_data:[{x:"121",y:"92"},{x:"157",y:"195"},{x:"68",y:"359"}],
directory: 'images'
});
});
</script>



parameter explanatory



tip_button_style: Option: notepaper,exclamation,circle,interrogation
tip_button_autohide: Option: enable,disable
tip_content_font_color: Tip font color
tip_content_background_color: Tip background color
tip_content_border_color: Tip border color
tip_content_width: Tip content box width
tip_position: left or right
position_data: Tip position info
directory: Tip button image directory