gridmenu--响应式分组菜单--krpano插件

尼克迪亚斯 2016-11-30 krpano学院 0 喜欢 (0)

插件描述

1、这是一个美观的缩略图全屏菜单

2、响应式设计,可以自适应屏幕

3、可以适应电脑和移动终端,设置缩略图文字

4、支持全部显示和分组显示两种模式

 

插件截图


插件使用

tour.xml中插入下列代码:

<include url="%SWFPATH%/plugins/gridmenu.xml"/>
<responsive_grid 
	button="true"

	padding_top="75"
	padding_bottom="75" 
	width_margin="0" 
    
	grid_bgcolor="0x000000"  
	grid_bgalpha="0.7"
    
	display_title="true" 
	grid_title="GRID MENU"   
	grid_title_css="color:#ffffff;font-family:Raleway;font-size:35px;" 
    
	group="false"    
	current="false"
  
	cat_container_height="35"
	cat_container_border="0,0,1,0 0xffffff 1.00"
	cat_container_title_css="color:#ffffff;font-family:Raleway;font-size:25px;"
	cat_container_title_align="left"
    
	cat_container_border_height="1" 

	display_cat_desc="true"
    
	cat_desc_css="color:#ffffff;font-family:Raleway;font-size:14px;text-align:left"  
    
	thumbs_crop="0|75|240|150" 
	thumbs_width="240"
	thumbs_height="150"
	thumbs_padding="25"
	thumbs_scale="100"
	active_thumb_border="3 0xffffff 1.00"
    
	display_thumb_title="true"
    
	thumb_title_align="bottom"
	thumb_title_x="0"
	thumb_title_y="5"
	thumb_title_css="color:#ffffff;font-family:Raleway;font-size:16px;text-align:left;"  
	thumb_title_roundedge="5"
	thumb_title_background="true"
	thumb_title_backgroundcolor="0x000000"
	thumb_title_backgroundalpha="0.8"    
	thumb_title_border="false"
	thumb_title_borderwidth="1" 
	thumb_title_bordercolor="0xffffff" 
	thumb_title_borderalpha="1" 
	thumb_title_padding="3 10" 

	display_thumb_desc="true" 

	thumb_desc_css="color:#ffffff;font-family:Raleway;font-size:15px;text-align:center" 
	thumb_desc_bg_color="0x000000" 
	thumb_desc_bg_alpha="0.6" 
	thumb_desc_padding="8 15" 
                        
	loadscene_flags="MERGE" 
	loadscene_blend="BLEND(1)"     
/>

 

插件使用

隐藏内容

插件动作

隐藏内容

插件群组设置

隐藏内容

下载地址


开通会员查看隐藏内容



㊣ 以上文章内容来自用户投稿,本站只提供信息分享发布平台,其观点和说法不代表本站立场。如果上传的内容有异议,请及时通知我们处理。  

喜欢 0 发布评论
发表评论

您必须 [ 登录 ] 才能发表留言!

Top
error: Content is protected !!