|
|
|
@ -1,10 +1,10 @@
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
body{ font-size:12px; font-family:"微软雅黑","宋体"; line-height:1.9; background:#fff; font-style:normal;}
|
|
|
|
|
div,html,img,ul,li,p,body,h1,h2,h3,h4,p,a,table,tr,td,fieldset,input,span,ol{ }
|
|
|
|
|
div,img,tr,td,table{ border:0;}
|
|
|
|
|
ol,ul,li{ list-style-type:none}
|
|
|
|
|
.cl{ clear:both; overflow:hidden; }
|
|
|
|
|
a{ text-decoration:none;}
|
|
|
|
|
#scrollsidebar{ font-size:12px; font-family:"微软雅黑","宋体"; line-height:1.9; background:#fff; font-style:normal;}
|
|
|
|
|
#scrollsidebar div,html,img,ul,li,p,body,h1,h2,h3,h4,p,a,table,tr,td,fieldset,input,span,ol{ }
|
|
|
|
|
#scrollsidebar div,img,tr,td,table{ border:0;}
|
|
|
|
|
#scrollsidebar ol,ul,li{ list-style-type:none}
|
|
|
|
|
#scrollsidebar .cl{ clear:both; overflow:hidden; }
|
|
|
|
|
#scrollsidebar a{ text-decoration:none;}
|
|
|
|
|
|
|
|
|
|
html{ overflow-x:hidden;}
|
|
|
|
|
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
|
|
|
|
@ -42,19 +42,19 @@ a:hover.opnionButton{ text-decoration:underline;}
|
|
|
|
|
/* =================================================
|
|
|
|
|
//
|
|
|
|
|
// jQuery Fixed Plugins 1.3.1
|
|
|
|
|
// author :
|
|
|
|
|
// Url:
|
|
|
|
|
// author :
|
|
|
|
|
// Url:
|
|
|
|
|
// Data : 2012-03-30
|
|
|
|
|
//
|
|
|
|
|
// <EFBFBD><EFBFBD><EFBFBD><EFBFBD> : float --> <20><><EFBFBD><EFBFBD>[left or right]
|
|
|
|
|
// minStatue --> <EFBFBD><EFBFBD>С״̬<EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD>show_btn
|
|
|
|
|
// skin --> Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|
|
|
|
// durationTime --> <EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD>
|
|
|
|
|
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD> :
|
|
|
|
|
// ???? : float --> ????[left or right]
|
|
|
|
|
// minStatue --> ??С???????show_btn
|
|
|
|
|
// skin --> ???????
|
|
|
|
|
// durationTime --> ??????
|
|
|
|
|
//???? :
|
|
|
|
|
$("#scrollsidebar2").fix({
|
|
|
|
|
float : 'right', //default.left or right
|
|
|
|
|
minStatue : true, //default.false or true
|
|
|
|
|
skin : 'green', //default.gray or yellow <EFBFBD><EFBFBD>blue <20><>green <20><>orange <20><>white
|
|
|
|
|
float : 'right', //default.left or right
|
|
|
|
|
minStatue : true, //default.false or true
|
|
|
|
|
skin : 'green', //default.gray or yellow ??blue ??green ??orange ??white
|
|
|
|
|
durationTime : 1000 //
|
|
|
|
|
});
|
|
|
|
|
//
|
|
|
|
@ -66,53 +66,53 @@ a:hover.opnionButton{ text-decoration:underline;}
|
|
|
|
|
float : 'left',
|
|
|
|
|
minStatue : false,
|
|
|
|
|
skin : 'blue',
|
|
|
|
|
durationTime : 1000
|
|
|
|
|
durationTime : 1000
|
|
|
|
|
}
|
|
|
|
|
var options = $.extend(defaults, options);
|
|
|
|
|
var options = $.extend(defaults, options);
|
|
|
|
|
|
|
|
|
|
this.each(function(){
|
|
|
|
|
//<EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|
|
|
|
this.each(function(){
|
|
|
|
|
//???????
|
|
|
|
|
var thisBox = $(this),
|
|
|
|
|
closeBtn = thisBox.find('.close_btn' ),
|
|
|
|
|
show_btn = thisBox.find('.show_btn' ),
|
|
|
|
|
sideContent = thisBox.find('.side_content'),
|
|
|
|
|
sideList = thisBox.find('.side_list')
|
|
|
|
|
;
|
|
|
|
|
var defaultTop = thisBox.offset().top; //<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>top
|
|
|
|
|
|
|
|
|
|
thisBox.css(options.float, 0);
|
|
|
|
|
;
|
|
|
|
|
var defaultTop = thisBox.offset().top; //????????top
|
|
|
|
|
|
|
|
|
|
thisBox.css(options.float, 0);
|
|
|
|
|
if(options.minStatue){
|
|
|
|
|
$(".show_btn").css("float", options.float);
|
|
|
|
|
sideContent.css('width', 0);
|
|
|
|
|
show_btn.css('width', 25);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
//Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|
|
|
|
//???????
|
|
|
|
|
if(options.skin) thisBox.addClass('side_'+options.skin);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//<EFBFBD><EFBFBD><EFBFBD><EFBFBD>scroll<EFBFBD>¼<EFBFBD>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//????scroll???
|
|
|
|
|
$(window).bind("scroll",function(){
|
|
|
|
|
var offsetTop = defaultTop + $(window).scrollTop() + "px";
|
|
|
|
|
thisBox.animate({
|
|
|
|
|
top: offsetTop
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
duration: options.durationTime,
|
|
|
|
|
queue: false //<EFBFBD>˶<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>붯<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|
|
|
|
duration: options.durationTime,
|
|
|
|
|
queue: false //???????????????????
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
//close<EFBFBD>¼<EFBFBD>
|
|
|
|
|
});
|
|
|
|
|
//close???
|
|
|
|
|
closeBtn.bind("click",function(){
|
|
|
|
|
sideContent.animate({width: '0px'},"fast");
|
|
|
|
|
show_btn.stop(true, true).delay(300).animate({ width: '25px'},"fast");
|
|
|
|
|
});
|
|
|
|
|
//show<EFBFBD>¼<EFBFBD>
|
|
|
|
|
//show???
|
|
|
|
|
show_btn.click(function() {
|
|
|
|
|
$(this).animate({width: '0px'},"fast");
|
|
|
|
|
sideContent.stop(true, true).delay(200).animate({ width: '154px'},"fast");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); //end this.each
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
@ -132,36 +132,34 @@ function f_submit()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
|
|
|
|
<title>意见反馈</title>
|
|
|
|
|
<link href="css/sidebar.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/sidebar.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body style="height:auto">
|
|
|
|
|
<!-- ´úÂë ¿ªÊ¼ -->
|
|
|
|
|
<!-- ?ú?? ???? -->
|
|
|
|
|
<div class="scrollsidebar" id="scrollsidebar">
|
|
|
|
|
<div class="side_content">
|
|
|
|
|
<div class="side_list">
|
|
|
|
|
<div class="side_title"><a title="意见反馈" class="close_btn"><span><%= l(:label_feedback) %></span></a></div>
|
|
|
|
|
<div class="side_center">
|
|
|
|
|
<div class="custom_service">
|
|
|
|
|
<div class="side_center">
|
|
|
|
|
<div class="custom_service">
|
|
|
|
|
<% get_memo %>
|
|
|
|
|
<%= form_for(@new_memo, :url => create_feedback_forum_path(@public_forum)) do |f| %>
|
|
|
|
|
<%= f.text_area :subject, :class => "opnionText",:placeholder => "有什么想说的,尽管来咆哮吧~~"%>
|
|
|
|
|
<%= f.text_area :subject, :class => "opnionText",:placeholder => "有什么想说的,尽管来咆哮吧~~"%>
|
|
|
|
|
<%= f.hidden_field :content, :required => true ,:value=>'该贴来自用户反馈!'%>
|
|
|
|
|
<%#= f.submit :value => l(:label_memo_create), :class => "opnionButton", :id => "button1" %>
|
|
|
|
|
<a href="javascript:void(0);" class="opnionButton" id="" onclick="f_submit();">提 交</a>
|
|
|
|
|
<% end %>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="javascript:void(0);" class="opnionButton" id="" onclick="f_submit();">提 交</a>
|
|
|
|
|
<% end %>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="msgserver">
|
|
|
|
|
<p>
|
|
|
|
|
<p>
|
|
|
|
|
<a href="http://user.trustie.net/users/12/user_newfeedback"><%= l(:label_technical_support) %>黄井泉</a></br>
|
|
|
|
|
<a href="http://user.trustie.net/users/34/user_newfeedback"><%= l(:label_technical_support) %>白 羽</a>
|
|
|
|
|
</p>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="side_bottom"></div>
|
|
|
|
@ -169,9 +167,9 @@ function f_submit()
|
|
|
|
|
</div>
|
|
|
|
|
<div class="show_btn"><span>提交</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- ´úÂë ½áÊø -->
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
<!-- ?ú?? ?á?? -->
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
$("#scrollsidebar").fix({
|
|
|
|
|
float : 'right', //default.left or right
|
|
|
|
|
//minStatue : true,
|
|
|
|
@ -179,7 +177,7 @@ $(function() {
|
|
|
|
|
durationTime : 600
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|