jQuery实现鼠标按住左键拖拽功能
完整代码实例： !doctype html html head style type = text/css #box { position :fixed; left : 100px ; top : 100px ; background-color :red; width : 300px ; height : 200px ;} #out { height : 2000px ;} / style script src = https://cdn.boo...
Ajax跨域的解决方案——CORS、JSONP
Ajax跨域的解决方案有2种：CORS、JSONP。下面一一来介绍。 1、CORS CrossOrigin Resource Sharing跨域资源共享。 当前几乎所有的浏览器（Internet Explorer 8+，Firefox 3.5+，Safari 4+和Chrome）都可通过名为...
javascript实现异形滚动轮播
效果： 完整代码： !DOCTYPE htmlhtml lang= en headmeta charset= UTF-8 meta name= viewport content= width=device-width, initial-scale=1.0 meta http-equiv= X-UA-Compatible content= ie=edge titleDocument/title/headscript src= https://cd...
javascript实现切割轮播效果,从左到右切换
效果： 完整demo代码： !DOCTYPE htmlhtml lang= en headmeta charset= UTF-8 titleDocument/titlescript src= https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js /scriptstyle.container {position: relative;width: 560 px;height: 300 px...
CSS设置首字放大下沉及段首缩进2字符
1、CSS首字放大下沉 对首字进行放大下沉，需用到css的伪元素：first-letter。 !doctype html html head style type = text/css .text { font-family :Microsoft YaHei; font-size : 16px ; color : #676767 ; float :left; clear :...
CSS自定义原生下拉列表的样式
下拉列表的默认样式： 下面介绍自定义下拉列表的两种方法： 方法一： 用纯CSS自定义下拉列表的样式。 原理：将默认的下拉列表样式清除，自定义样式，并附上一张向右对齐的小箭头...
CSS实现单、多行文本溢出时显示省略号
1、单行文本溢出： (1)截断溢出文本： ---同时设置以下属性： width :*px; overflow : hidden; text-overflow :clip; white-space : nowrap; (2)溢出文本显示省略号： ---同时设置以下属性： width :*px; overflo...
如何用CSS自定义下划线的样式
问题描述： 使用:first-letter将首字母的font-size增大后，下划线text-underline也会变粗。 eg： !doctype html html head style type = text/css .text { text-decoration :underline; font-family :Times New Roman; font-size :...