Jquerynotes Imitation QQ space add tag

Source: Internet
Author: User

Jquery-notes has the following features:

    • Support for adding notes images
    • A rich API
    • Support for markup scaling
    • Support for changing themes
    • Support for picture tagging add links
    • No database required

Html

First place a picture on the page that adds a logo

<div class="samples-box clearfix"> 
    src="samples/sample_1.jpg  width="333" height="500" class="jquery-note_1-2" 
    /> 
</div>
Introducing jquery and Jquery-notes related components
<linkRel="Stylesheet"title="Standard"href="Jquery-notes_css/style.css"
Type="Text/css"Media="All"/>
<!--[If LTE IE 8]>
<link rel= "stylesheet" title= "standard" href= "Jquery-notes_css/lteie8.css"
Type= "Text/css" media= "All"/>
<! [endif]-->
<scriptType="Text/javascript"src="Jquery-notes_js/jquery.js">
</script>
<script type="Text/javascript" src="Jquery-notes_js/jquery-ui.js">
</script>
<script type="Text/javascript" src="Jquery-notes_js/jquery-notes_1.0.8.js">
</script>
Calling the Jquery-notes plugin
$(function (){
$({&NBSP;
         minwidth:  10% ',  
         minheight: 20,&NBSP;
         aspectratio: true, 
        helper:   Helper-class ',  
         allowlink: false, 
        dateformat:  D.m.y ',  
        operator:  jquery-notes_php/notes.php '  
    
Parameters Describe Default value
operator Remote Load list URL -
Maxnotes Maximum number of marks -
MinWidth Minimum Mark width -
MinHeight Minimum mark Height -
Allowadd Whether to allow tags to be added -
AllowEdit Whether to allow editing of tags -
AllowDelete Whether to allow deletion of tags -
AllowHide Whether to allow hidden markup -
Allowlink Whether to allow links to be added -
Loadnotes Whether to load tags -

Jquerynotes Imitation QQ space add tag

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.