JS与JQ饭店
JS与JQ项目与案例
老明宇.
当你的才华还撑不起你的野心时,就静下心来好好学习吧
展开
-
使用原生JS实现火锅点餐小程序(面向对象思想)
本次小程序采用ES6开发标准,不会的宝宝们请先学习,再来观看吧! 使用条件:使用ES6标准开发;因为采用了Bootstrap在线,所以需要联网;VSCode开发工具,在本地服务器中打开。 代码展示: Demo.html(网页),Demo.css(样式),Test01.js(菜单类),Test02.js(循环菜单),Test03.js(增,删操作) 下面进行一一展示: ...原创 2019-12-09 09:35:24 · 1186 阅读 · 3 评论 -
使用jQuery实现无缝滚动并阴影效果
下面使用jQuery实现无缝滚动并阴影效果加注释,用最少的的代码干最多的事(话不多说盘它就完事了) 效果展示: 代码展示:(上面图片不怎么好看别介意) 以上代码明明只展示了四张,为什么下面的li标签中有六个? 答:因为要实现无缝滚动,增加违和感。 <!DOCTYPE html> <html lang="en"> <head> &...原创 2019-12-18 15:11:55 · 380 阅读 · 1 评论 -
使用jQuery配合CSS实现火柴人闯关小程序
使用jQuery实现的火柴人闯关特效,长按按钮进行蓄力呦!用最简单的代码做最多的事(话不多说上代码) 为了方便观看,老明宇把代码写到了一块。图片的话老明宇就不再提供其实一共也就两张(请大家百度把) 效果展示: (长按按钮可以进行上下蓄力呦) 代码展示: <!DOCTYPE html> <html lang="en"> <head> ...原创 2019-12-18 14:06:43 · 905 阅读 · 2 评论 -
使用jQuery实现图片轮播的简单小程序
下面是用轮播做的简单小轮播,希望宝宝们喜欢!用最简单的代码,做最多的事! 实现点击下方原点和两边按钮,图片变换! 效果展示: 代码展示: html代码与js文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...原创 2019-12-11 10:47:57 · 258 阅读 · 3 评论