html5教程学校,HTML 5教程

spellcheck属性值

spellcheck属性值为true：

spellcheck属性值为false：

HTML 5是如何起步的？

HTML 5新特性

浏览器支持

Customizing Opineo

Before you make any cusomization or even start using Opineo create a 'div' element

and assign it some id. Now add references to necessary Javascrip files e.g.

A reference to latest jQuery library

A reference to Opineo script file sudo nano opineo.js

The following customization options are available in Opineo:

View Type

Detailed View

$(document).ready(function (){

$('#DefaultOptions').opineo('results.php', {curvalue:3,

view: 'detailed',

animation_speed: 'super',

show_total_votes_counter: false,

show_overall_rating: true});

})

Compact View

$(document).ready(function (){

$('#CompactView').opineo('results.php',

{curvalue:3, view: 'compact',

animation_speed: 'super'});

})

Mini View

$(document).ready(function (){

$('#MiniView').opineo('results.php', {curvalue:0, view: 'mini', callback: myCallback});

})

Animation Style

Slow

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'slow'});

})

Medium

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'mild'});

})

Fast

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'fast'});

})

Super Fast

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'super'});

})

Ultra Fast

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'ultra fast'});

})

Bars Text

Show

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:true});

})

Hide

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});

})

Vote Counter

Show

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', show_votes_counter:true});

})

Hide

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});

})

Rating Icons

Colored

Grey

Rating Titles

Text For First Star

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Hate It'});

})

Text For Second Star

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_2_text:'Don't Like It'});

})

Text For Third Star

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Its OK'});

})

Text For Fourth Star

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Like It'});

})

Text For Fifth Star

$(document).ready(function (){

$('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Love It'});

})

Bar Colors

Colors of Red Bar

Colors of Yellow Bar

Colors of Green Bar