将phpFox的一个功能导入到SocialEngine
Importing a feature of phpFox to SocialEngine
phpFox发布了一个名为"Nebula"的主题,版本为3.5.0。在这个主题中,Header上有一个按钮,当用户单击按钮时,菜单会向下滑动。(实际上不是一个按钮,而是一个div)
我想把这个功能添加到SocialEngine。但是JavaScript代码包含一个phpFox变量,我不知道它指的是什么。我不太擅长JavaScript。
HTML:<div id="nb_features">
<a href="#" id="nb_features_link">Features</a>
<div id="nb_features_holder">
Menu widget code will be added here...
</div>
</div>
JavaScript: $Behavior.customNebula = function(){
$('#nb_features_link').click(function(){
if ($(this).hasClass('nb_is_clicked')) {
$(this).removeClass('nb_is_clicked');
$('#nb_features_holder').slideUp('fast');
} else {
$(this).addClass('nb_is_clicked');
$('#nb_features_holder').slideDown('fast');
}
return false;
});
};
CSS: #nb_features {
position:absolute;
top:0px;
right:0px;
}
#nb_features_link,
#nb_features_link:hover {
display:block;
width:40px;
height:40px;
line-height:40px;
text-indent:-1000px;
overflow:hidden;
background:url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
margin-top:-7px;
margin-right:20px;
}
#nb_features_link:hover {
background:#334d83 url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
}
#nb_features a.nb_is_clicked,
#nb_features a.nb_is_clicked:hover {
background:#334d83 url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
}
#nb_features_holder {
position:absolute;
background:#4f4f4f;
right:0px;
width:980px;
border:1px #304779 solid;
border-top:0px;
display:none;
margin-top:20px;
}
#nb_features_holder ul li a,
#nb_features_holder ul li a:hover {
float:left;
color:#fff;
height:30px;
line-height:30px;
padding:0px 10px 0px 10px;
text-decoration:none;
}
#nb_features_holder ul li a.menu_is_selected,
#nb_features_holder ul li a.menu_is_selected:hover {
background:#009AEF;
color:#fff;
}
#nb_features_holder ul li a:hover {
background:#2F2F2F;
-webkit-transition: all 0.50s ease;
-moz-transition: all 0.50s ease;
-o-transition: all 0.50s ease;
}
我该怎么做才能使这段代码与SocialEngine一起工作?
$Behavior命名空间是onLoad事件的包装器,这是你正在谈论的js变量吗?如果是,你可以用更传统的jquery/mootools/etc方式替换它,它可能会工作,尽管你必须正确匹配选择器,不知道你发布的代码是否你需要的一切
相关文章:
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- 使用Jquery创建一个具有单击和悬停功能的菜单
- Navgoco不是一个影响密码保护页面的功能
- 如何创建一个脚本,该脚本给定网站列表,它使用其搜索功能来获取信息
- 一个按钮中的两个onClick功能,并希望一个接一个地发生一个单击功能
- 重置功能,因此一次只有一个打开
- 具有双重功能的按钮:在_blank窗口中打开一个链接,再加上_self中的另一个链接
- 使用单选按钮参考另一个功能
- 一个Ajax函数能产生另一个Ajax功能吗
- 流星:移除不是一个功能
- 通过模糊功能传递链接,而不是单击另一个链接
- 使jQuery自动完成功能适用于多个单词(“跳过”一个单词)
- 浏览器同步摄像头加速视频播放不是一个功能
- 谷歌应用程序脚本搜索UI下一个和上一个功能
- 如何阻止一个Submit按钮运行Submit Click功能
- 如何使用上一个/下一个功能循环数组中的图像
- 是否可以设置一个功能“;联系我们”;页面使用HTML/CSS
- 最有效:不同的功能/一个功能有案例
- 我正试图找出如何使我的功能一个接一个地运行.但这并没有奏效
- Grails ajax功能——一个“恼人的bug”