龙行博客

龙行博客,致力于个人经验分享源码分享,随笔文章
推荐阅读站长精心推荐阅读
现在位置:首页 > 编程语言 > web前端
  • jQuery实现上下滚动公告栏详细实例

    jQuery实现上下滚动公告栏详细实例

    web前端  11-28  44浏览  1评论

    分享一个实现网站公告栏的jquery案例,网上有很多案例但是都会出现一些小问题,也懒得去改,自己瞎琢磨吧,找到了 图中箭头所指内容就是公告内容,它会不停的上下滚动,当然滚动时间可以自己设置的。 下面我们来看下是怎么实现的。 其实实现滚动效果主要用到jQuery中的animate() 方法,而animate() 方法就是创建动画效果,简单的说

  • 解决google(chrome)浏览器开发者工具(f12)不打印错误信息

    解决google(chrome)浏览器开发者工具(f12)不打印错误信息

    web前端  11-24  63浏览  4评论

    遇到个奇葩的问题,属于自我找事做类型,手贱F12里面不知道点的啥console不能打印错误信息了,只显示有几个错误, 测试了下console.log('https://www.liaotaoo.cn');    undefined   百度一圈找到答案,虽然不知道点到哪儿了,也不想研究怎么点到的,知道怎么解决就OK了

  • jquery实现图片放大镜效果

    jquery实现图片放大镜效果

    web前端  11-22  75浏览  1评论

    分享一个jquery制作的图片放大镜效果,这种常用的一般在电商商品详情展示页用的比较多,通过放大图片让消费者更能清晰查看商品细节,增加用户体验度,通过原图放大不会造成图片失真,找到这个demo分享给大家:     首先是引入Jquery文件jquery-1.2.6.min.js和CSS样式表。其次在需要放大的图片上添加属性jq

  • tp5 ajax 使用formdata提交数据(包括文件上传)

    tp5 ajax 使用formdata提交数据(包括文件上传)

    web前端  11-16  99浏览  0评论

    //看看html页面 <form class="form form-horizontal" id="form-article-add" method="post" enctype="multipart/form-data" action="{:url('article/add')}"> <input type="hidden" name="uid" value

  • 让点击按钮实现波纹点击特效

    让点击按钮实现波纹点击特效

    web前端  11-14  78浏览  0评论

    这个波纹点击按钮特效主要视为了提升用户体验度,只需要使用CSS就可以做到。主要借助::after伪类及CSS3中的transform和transition属性。 HTML页面: //模拟两个点击按钮 <div class="container text-center"> <button class="btn btn-defau

  • jQuery实现全选,反选,全不选

    jQuery实现全选,反选,全不选

    web前端  11-13  70浏览  0评论

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选和全不选以及反选</title> <script src="../js/jquery-1.8.3.js"></scrip

  • jQuery实现画面的展开、收起和停止

    jQuery实现画面的展开、收起和停止

    web前端  11-13  57浏览  0评论

    主要用到动画效果中的三个操作 ("#id").slideDown(3000); // 后面的数字表示效果的时长 ("#id").stop(); ("#id").slideUp(3000);   代码如下: <!DOCTYPE html> <html lang

  • 实现微信分享功能

    实现微信分享功能

    web前端  11-13  61浏览  0评论

    实现微信分享功能整理 1、引入js文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2、通过config接口注入权限验证配置 var wxConfig = { debug: false, //开启调试模式,调用的所有

  • 长按保存图片,或点击按钮保存

    长按保存图片,或点击按钮保存

    web前端  11-13  67浏览  0评论

    $("#savebtn").on({ touchstart: function (e) { // 长按事件触发 timeOutEvent = setTimeout(function () { timeOutEvent = 0; save();

  • js调用百度地图接口绘制任意多边形并获取每个点的经纬度等

    js调用百度地图接口绘制任意多边形并获取每个点的经纬度等

    web前端  11-13  90浏览  0评论

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-s

  • js对textarea换行符的处理方案

    js对textarea换行符的处理方案

    web前端  11-13  83浏览  0评论

    textareaid.value.replace(/\n/g,';') "haorooms换行符测试;haorooms换行符测试1;haorooms换行符测试2;haorooms换行符测试3;" 前言 本文很简单,就是记录一下js对textarea换行符的处理。 调试 随便写一个textarea <textarea name="" id="

  • JS实现显示当前时间

    JS实现显示当前时间

    web前端  11-07  94浏览  0评论

    水一片文章吧,不知道写啥了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.liaotaoo.cn</title> </head> <body> <p>显示当前时间:</p

  • textarea监听限制字数并统计

    textarea监听限制字数并统计

    web前端  10-31  142浏览  0评论

    html页面: <textarea name="note" class="limit_100 advice" id="wishContent" placeholder="说点什么...<=20个字符以内" dragonfly="true" ></textarea> <p class="limit statistics" style="col

  • 5个javascript(es6)更好的条件语句写法

    5个javascript(es6)更好的条件语句写法

    web前端  10-30  158浏览  0评论

    让我们看看,平时一般用的最多的条件半段语句例子: // condition function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 乍一看,上面的例子看起来似乎没什么问题。 但是,如果我们还有更多的红色水果呢?比如樱桃(ch

  • layui树形表格treeTable,目前看到最牛的

    layui树形表格treeTable,目前看到最牛的

    web前端  10-24  411浏览  2评论

    treetable-lay 在layui数据表格之上进行扩展实现 演示地址:https://whvse.gitee.io/treetable-lay/ 官网文档地址:https://www.layui.com/doc/modules/tree.html#nodes gitee地址:https://

快捷导航
联系博主
在线壁纸
给我留言
光羽影视
音乐欣赏
返回顶部