portal html css js resource

correctBack.js 1.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. //纠错反馈
  2. var Html = '';
  3. Html +='<div class="footer_tools">'+
  4. '<a id="scrollUp" href="javascript:;" title="返回顶部"></a>'+
  5. '<a id="feedback" href="javascript:;" title="纠错反馈"></a>'+
  6. '<div class="correctBlock" id="correctBlock">'+
  7. '<div class="cBacktit">'+
  8. '<span>纠错反馈</span>'+
  9. '<em class="closeBack"></em>'+
  10. '</div>'+
  11. '<textarea class="frmcontype correctCon" placeholder="请具体说明您发现的问题,以便我们为您快速解决"></textarea>'+
  12. '<button class="frmcontype btnModel correctSubmit" disabled>提交</button>'+
  13. '</div>'+
  14. '</div>'
  15. document.write(Html);
  16. $(function() {
  17. //回到顶部
  18. var $body = $(document.body);;
  19. var $bottomTools = $('.footer_tools');
  20. $(window).scroll(function () {
  21. var scrollHeight = $(document).height();
  22. var scrollTop = $(window).scrollTop();
  23. var $footerHeight = $('footer').outerHeight(true);
  24. var $windowHeight = $(window).innerHeight();
  25. scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
  26. $bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
  27. });
  28. $('#scrollUp').click(function (e) {
  29. e.preventDefault();
  30. $('html,body').animate({ scrollTop:0});
  31. });
  32. $("#feedback").click(function(){
  33. $("#correctBlock").fadeToggle();
  34. })
  35. $(".closeBack").click(function(){
  36. $("#correctBlock").fadeOut();
  37. })
  38. $("html,body").animate({"scrollTop": "1px"}, 400);
  39. $(".correctBlock").on("keyup",".correctCon",function(){
  40. var cntCon=$(this).val();
  41. if(cntCon.length>0){
  42. $(this).siblings(".correctSubmit").attr("disabled",false);
  43. }else{
  44. $(this).siblings(".correctSubmit").attr("disabled",true);
  45. }
  46. })
  47. })