随笔分类 - CSS/HTML
1
CSS样式分享
摘要：<?phpfunction get_icp_info($url) { // 使用 cURL 获取目标网站的 HTML 内容 $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNT
阅读全文
摘要：在Less中引入样式文件的@import语句与常规的CSS相似。可以使用以下语法： less@import "path/to/file.less"; 或者 less@import url("path/to/file.less"); 其中，"path/to/file.less"是您要引入的样式文件的路
阅读全文
摘要：PHP的搜索引擎蜘蛛日志分析工具，主要分析百度、谷歌、搜狗、360搜索的蜘蛛访问 <?php// 定义各搜索引擎蜘蛛的标识$searchEngines = array( 'baidu' => 'Baiduspider', 'google' => 'Googlebot', 'sogou' => 'So
阅读全文
摘要：在H5手机移动端网页上实现jquery公告无缝滚动 代码实力来自 http://h.leomei.com $(function() { var listPanel = $('.announcement ul'); var nubcers = 0; //向上滚动top值 function announ
阅读全文
摘要：采用js写的适用于手机端和网页PC端的标准弹框组件 来自于 http://h.leomei.com/ $('.confirm').click(function(){ $modal({ type: 'confirm', //弹框类型 'alert' or 'confirm' or 'message'
阅读全文
摘要：option = { backgroundColor: '#142468', title:{ //text: '实时旋转饼图' }, series: [ { type: 'pie', zlevel: 1, silent: true, /* radius 饼图的半径。可以为如下类型： number：直
阅读全文
摘要：请先引入百度echarts插件之后在使用 代码： var data = [ { name: "地铁一号线 https://www.lizicat.com/yihaoxian/", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1,
阅读全文
摘要：使用前需要引入百度echarts插件，可以通过www.lizicat.com下载.echarts.js 具体效果如下： 参考代码。 var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#00
阅读全文
摘要：使用引入百度echarts插件，需要引入阿里云的地区json 效果图 具体代码如下 // 地图代码 $(function () { if ($("#xizang_map").length <= 0) { return; } var xizang_map = echarts.init(document
阅读全文
摘要：使用的时候需要引入百度echartsjs.js文件 效果图 let data = { xData: ['花溪区', '南明区', '观山湖区', '钟山区', '六枝特区', '红花岗区', '汇川区', '遵义县', '西秀区', '平坝县', '玉屏县'], yData: [0.1, 0.15,
阅读全文
摘要：页面需要引入百度echarts插件。 var uploadedDataURL = "/asset/get/s/data-1591343795436-TgLtkd9hN.json";可以使用阿里云提供的地图数据 /** 此版本通过设置geoindex && seriesIndex: [1] 属性来实现
阅读全文
摘要：使用前请先引入百度echarts.js最新插件 效果图如下： 具体代码如下： //跳转代码 myChart.on('click', function(params) { console.log(params.name); window.open(params.data.url); // window
阅读全文
摘要：用js css3制作跟随鼠标悬停网页彩虹泡泡，彩色渐变的气泡光标ui动画特效。 document.addEventListener('mousemove', function(e) { let body = document.querySelector('body'); let circle = d
阅读全文
摘要：使用前先引入百度echarts.js 效果如下 具体代码 var data = [{ value: 100, name: 'Chrome移动版', label: { color: '#fff' }, itemStyle: { }, emphasis: { itemStyle: { } } }, {
阅读全文
摘要：使用的时候引用一下jquery.js 具体代码如下： <div class="tablebox clearfix"> <table id="tableId" class="cui-table tbg" border="0" cellspacing="0" cellpadding="0" style=
阅读全文
摘要：使用的时候需要引入jquery.js库。 效果演示 代码 var M = Math, PI = M.PI, TWOPI = PI * 2, HALFPI = PI / 2, canvas = document.createElement( 'canvas'), ctx = canvas.getCon
阅读全文
摘要：.cui-product-panel{position: relative;padding-bottom: 75px;margin-top: 55px;} .cui-product-panel .hd-title,.product-view .hd-title{margin-bottom: 25px
阅读全文
摘要：这个办法终于可以实现IE8 9的文字颜色渐变，完美。 根据自身情况修改以下参数 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svgdata"> <defs> <linearGradient id="grad1" x1="0
阅读全文
摘要：说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。 如上图，两端对齐相对于左对齐，视觉上显得整齐有序。但justify对最后一行无效，通常这样的排版对整段文字是极好的
阅读全文
摘要：will-change通过告知浏览器该元素会有哪些变化，使浏览器提前做好优化准备，增强页面渲染性能。 属性的取值： 1、auto: 实行标准浏览器优化。 2、scroll-position: 表示开发者希望在不久后改变滚动条的位置或者使之产生动画。 3、contents: 表示开发者希望在不久后改变
阅读全文
1
