form.js 831 B

123456789101112131415161718192021222324252627282930
  1. $(function () {
  2. //模拟下拉框
  3. $('#class').on('focus', function () {
  4. $('.input_in .icon >img').attr('src','/static/story/image/image10.png');
  5. if ($('.input_in .class-list').is('.hide')) {
  6. $('.input_in .class-list').removeClass('hide');
  7. } else {
  8. $('.input_in .class-list').addClass('hide');
  9. $('.input_in .icon >img').attr('src','/static/story/image/image6.png');
  10. }
  11. })
  12. $('.class-list ul li').on('click', function () {
  13. $('.input_in .icon >img').attr('src','/static/story/image/image6.png');
  14. $('.input_in input').val($(this).html());
  15. $('.input_in .class-list').addClass('hide');
  16. })
  17. $('.class-list ul li').hover(
  18. function () {
  19. $(this).css({'backgroundColor': '#AAA9FB', });
  20. }, function () {
  21. $(this).css({'backgroundColor': '#CFB7FD', });
  22. }
  23. )
  24. })