Cframe demo page: Cframe.ui

Click to checkout Cframe.core
Part 1: select box
How many users does your app have?
  • 0-1000
  • 1000-10000
  • 10000-100000
Part 2: check box
iOS Android Web

Part 3: input box
this is value
Part 4: image carousel
    Params:
    Cui.imgCarousel("#imgBox","#btn","relContent"); "#imgBox" is for element placed img
    "#btn" is for element swith element
    "relContent" is for relative content of img box
    Tips:
    btn's children will generate according to img number.
    relContent is optional.
    left and right button is optional.
    Config items:
    effectSpeed=500;
    carouselSpeed=5000;
    focusClass = "focusClass";
    Part 5: Back to top
    This page will emerge back-to-top button when line is over 200
    Config items:
    setting:{
    		startline:200,
    		scrollto:0,
    		scrollduration:400,
    		fadeduration:[500,100]
    	},
    	controlHTML:'<img src="images/back.png" style="width:58px; height:50px; border:0;" />', 
    	controlattrs:{offsetx:30,offsety:80},
    	anchorkeyword:"#top",
    	state:{
    		isvisible:false,
    		shouldvisible:false