段了的弦 - 博客园

2017年10月17日

摘要：将自动轮播与按钮结合起来，就是多写了好几行，挺好看的不过，留下 z=1; l.eq(0).css("background-color","orange"); function move(){ if(z!=3){ bo.stop(); bo.animate({marginLeft:z*(-680)+" 阅读全文

posted @ 2017-10-17 20:06 段了的弦阅读(352) 评论(0) 推荐(0) 编辑

图片轮播与点击事件

摘要：图片轮播与点击事件结合起来，挺麻烦的，应该还有更简单的方法，但这比之前写的好多了 c=1; x=1; prev.click(function(){ if(c!=3){ da1.stop(); da1.animate({marginLeft:c*(-1100)+"px"}, 500, function 阅读全文

posted @ 2017-10-17 20:04 段了的弦阅读(952) 评论(0) 推荐(0) 编辑

2017年10月15日

图片轮播按钮自动循环

摘要：这图片轮播已经可以按钮轮播，自动轮播，循环，但还是有些许BUG，还存在些问题，而且代码也有点复杂，但能实现，期待以后可以接触到更简洁的方式。 c = 1; a.eq(0).css("background-color","blue") function moveleft(){ if(c != 4) { 阅读全文

posted @ 2017-10-15 20:19 段了的弦阅读(280) 评论(0) 推荐(0) 编辑

2017年10月13日

图片轮播向左和向右

摘要： Jquery做的，比起JS要简洁多了 left=$(".left"); right=$(".right"); da=$(".da"); c=1; left.click(function() { if(c != 5) { da.stop(); da.animate( { marginLeft: c 阅读全文

posted @ 2017-10-13 16:11 段了的弦阅读(143) 评论(0) 推荐(0) 编辑

2017年10月12日

Jquery&bootstrap

摘要：接触了Jquery和bootstrap，属于JS的一部分吧，比JS轻松一点，用的话先 <script src="js/jquery-3.2.1.min.js"></script> 简单的用法吧就是 var div1 = $(".div1"); div1.eq(0).html("123"); div1 阅读全文

posted @ 2017-10-12 17:13 段了的弦阅读(102) 评论(0) 推荐(0) 编辑

2017年10月3日

二级菜单

摘要：把主页面都做的差不多了，就差图片轮播了，二级菜单还是用hidden做的，因为有些菜单是一直显示在那的，用二级菜单不太好弄哇 hidden虽然麻烦点，但效果还是挺不错的 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title 阅读全文

posted @ 2017-10-03 21:38 段了的弦阅读(156) 评论(0) 推荐(0) 编辑

2017年10月2日

10.2

摘要：今天把要做的项目确定并做了大体的样子出来，子页面和JS部分还没有做，图片轮播借鉴了书上的网上的一些代码，还并不是特别熟悉，但是二级菜单的挺好弄的，代码在这看下把 <html> <head> <meta charset="UTF-8"> <title></title> <style> .listdiv 阅读全文

posted @ 2017-10-02 17:30 段了的弦阅读(179) 评论(0) 推荐(0) 编辑

2017年10月1日

图片轮播

摘要：向左轮播可以，再向右的话就需要重新定义距离了，不知道除了marginleft还有没有其他表示距离的代码，再试试！ <style> * { margin: 0px; padding: 0px; } .kuang{ margin: 150px; width: 620px; height: 380px; 阅读全文

posted @ 2017-10-01 21:47 段了的弦阅读(107) 评论(0) 推荐(0) 编辑

2017年9月29日

弹出框

摘要： <title></title> <style> *{ margin: 0px; padding: 0px; } .t1{ width: 305px; height: 195px; background-color: hotpink; position: fixed; z-index: 2; } .t 阅读全文

posted @ 2017-09-29 19:34 段了的弦阅读(121) 评论(0) 推荐(0) 编辑

三级联动，之前那个代码太难看了在更新一下

摘要： <body> 年<select id="a"></select> 月<select id="b"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <opti 阅读全文

posted @ 2017-09-29 19:32 段了的弦阅读(102) 评论(0) 推荐(0) 编辑