Blogs Hub

by AskGif | Aug 26, 2019 | Category :coding

Implementing Jquery AnchorCloud Expanding Link Plugin Using Jquery.

Implementing Jquery AnchorCloud Expanding Link Plugin Using Jquery.

<p>Introducing a new jQuery AnchorCloud Link Identifier plugin, This helps make better and enrich link expanding system for your web content pages. This plugin developed using yahoo query language(YQL) for extracting website content like page title and description. The first version supports we included Youtube and Vimeo, next release we are planning to include some more popular video and photo services.</p> <p>&nbsp;</p> <p>The Basic Setup</p> <p>Include the jQuery and notification libraries into your document</p> <pre class="language-markup"><code>&lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.anchorCloud.js"&gt; &lt;/script&gt;</code></pre> <p>&nbsp;</p> <p>Calling Plugin</p> <pre class="language-javascript"><code>$(document).ready(function() { $("body"). anchorCloud (); });</code></pre> <p>&nbsp;</p> <p>Example Usage</p> <pre class="language-markup"><code>&lt;html&gt; &lt;head&gt; &lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.anchorCloud.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $(body).anchorCloud(); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; .................. Some text with contains links .................. &lt;/body&gt; &lt;/html&gt;</code></pre> <p>&nbsp;</p> <p>Plugin Theme Options</p> <pre class="language-css"><code>background // Background color Defeult #000000 title_color // Link or video title color Default #27ADDA loading_text // Loading Mesaage Default Fetching data ... description_color // Description Color Default #66666 anchor_default_color // Anchor Text color Default #006699 anchor_hover_color // Anchor text on hover color Default #006699</code></pre> <p>&nbsp;</p>

read more...