src

阿里巴巴,发布产品时,每个规格一张图的实现。

旧城冷巷雨未停 提交于 2020-03-02 12:56:04
以上操作与所有发布商品的操作相同。 下面开始了。 根据阿里巴巴的产品分类,已做好了相应的模块了。 (这里不需要单独建一个产品规格模块了) 勾选或添加颜色后,其下方会出现“点击上传”的控件,这是是上传相应颜色规格图片的控件。 图片是放在阿里服务器的相册上的,所以,插入图片的方法与其它插入图片的方法相同。 1.从相册选择; 2.从电脑上传。 然后,在下面的产品详情里也可以引用这些图片。 下面是代码: <p>这是一个测试用的商品</p> <p> <img src="https://cbu01.alicdn.com/img/ibank/2020/748/035/13575530847_2001123510.jpg?__r__=1583117720153" alt="红" /><br class="img-brk" /><br class="img-brk" /> <img src="https://cbu01.alicdn.com/img/ibank/2020/702/866/13529668207_2001123510.jpg?__r__=1583117720153" alt="橙" /><br class="img-brk" /><br class="img-brk" /> <img src="https://cbu01.alicdn.com/img/ibank/2020/803

jQuery封装的组件完成广告屏滑动

霸气de小男生 提交于 2020-03-01 23:22:31
效果图 ad.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ad</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/ad.css"> </head> <body> <!-- 今日推荐 --> <div class="todays"> <div class="container"> <div class="slider fl" id="todays"> <div class="slider-img"> <a href="#" class="slider-img-item"> <img src="../img/todays-slider/loading.gif" data-src="../img/todays-slider/1.png" class="slider-pic fl"> <img src="../img/todays-slider/loading.gif" data-src="../img/todays-slider/2.png" class="slider-pic fl"> <img src="../img/todays-slider

手机端调用微信js-sdk图片上传与预览

ぐ巨炮叔叔 提交于 2020-03-01 21:31:33
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script> function weixinupimg(){ $.ajax({ type: "POST", url: API_URL+"ass/user/js-sign", data: { url: location.href, }, dataType: "json", async: false, success: function (d) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:d.data.appId,// 必填,公众号的唯一标识 timestamp:d.data.timestamp, // 必填,生成签名的时间戳 nonceStr:d.data.nonceStr , // 必填,生成签名的随机串 signature: d.data.signature,// 必填,签名 jsApiList: [ 'chooseImage', 'uploadImage',] // 必填,需要使用的JS接口列表 }); wx.ready(function () { $("

在css使用自定义字体

為{幸葍}努か 提交于 2020-03-01 21:27:31
在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。 @font-face { font-family: "LED";//为字体取名字 src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件 } //在样式中使用该字体 .led { font-size:50px; font-family: LED; } 注:每种格式的字体文件,format()的值可能不一样。 src: url('YourWebFontName.eot?') format('eot');src:url('YourWebFontName.woff') format('woff');src:url('YourWebFontName.ttf') format('truetype');src:url('YourWebFontName.svg') format('svg'); 如果文章对你有帮助,麻烦帮忙点个赞哦!嘿嘿!做一个靠谱的技术博主! 来源: https://www.cnblogs.com/CatcherLJ/p/11207226.html

php做图片上传功能

♀尐吖头ヾ 提交于 2020-03-01 05:54:11
今天来做一个图片上传功能的插件,首先做一个html文件:text.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <h1>文件上传</h1><div id="divPreview"> <img id="imgHeadPhoto" src="noperson.jpg" style="width: 160px; height: 170px; border: solid 1px #d2e2e2;" alt="" /></div> <!--enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码,"multipart/form-data"在使用包含文件上传控件的表单时,必须使用该值。--> <form action="upload.php" method="post"

简单实现ReplaceAll(转)

久未见 提交于 2020-02-29 11:32:52
int GetFindStrCount(char* src, char* find) { int count = 0; char* position =src; int findLen = strlen(find); while((position = strstr(position, find)) != NULL) { count++; position = position + findLen; } return count; } /************************************************************************/ /* @param src 要替换的字符串 /* @param des 替换后的字符串存放 /* @param find 所要替换的字符串 /* @param replaceWith 要替换的字符串 /************************************************************************/ char* ReplaceAll(char* src,char *des, char* find, char* replaceWith) { //如果find或者replace为null,则返回和src一样的字符串。 if(find == NULL ||

Python的shutil模块

徘徊边缘 提交于 2020-02-24 21:13:00
先把东西转载下,明天继续测试 shutil.copyfile( src, dst) 从源src复制到dst中去。当然前提是目标地址是具备可写权限。抛出的异常信息为IOException. 如果当前的dst已存在的话就会被覆盖掉 shutil.move( src, dst) 移动文件或重命名 shutil.copymode( src, dst) 只是会复制其权限其他的东西是不会被复制的 shutil.copystat( src, dst) 复制权限、最后访问时间、最后修改时间 shutil.copy( src, dst) 复制一个文件到一个文件或一个目录 shutil.copy2( src, dst) 在copy上的基础上再复制文件最后访问时间与修改时间也复制过来了,类似于cp –p的东西 shutil.copy2( src, dst) 如果两个位置的文件系统是一样的话相当于是rename操作,只是改名;如果是不在相同的文件系统的话就是做move操作 shutil.copytree( olddir, newdir, True/Flase) 把olddir拷贝一份newdir,如果第3个参数是True,则复制目录时将保持文件夹下的符号连接,如果第3个参数是False,则将在复制的目录下生成物理副本来替代符号连接 shutil.rmtree( src )

python shutil模块

时光总嘲笑我的痴心妄想 提交于 2020-02-24 21:11:07
# shutil 模块 shutil.copyfile( src, dst) 从源src复制到dst中去。当然前提是目标地址是具备可写权限。抛出的异常信息为IOException. 如果当前的dst已存在的话就会被覆盖掉 shutil.move( src, dst) 移动文件或重命名 shutil.copymode( src, dst) 只是会复制其权限其他的东西是不会被复制的 shutil.copystat( src, dst) 复制权限、最后访问时间、最后修改时间 shutil.copy( src, dst) 复制一个文件到一个文件或一个目录 shutil.copy2( src, dst) 在copy上的基础上再复制文件最后访问时间与修改时间也复制过来了,类似于cp –p的东西 shutil.copy2( src, dst) 如果两个位置的文件系统是一样的话相当于是rename操作,只是改名;如果是不在相同的文件系统的话就是做move操作 shutil.copytree( olddir, newdir, True/Flase) 把olddir拷贝一份newdir,如果第3个参数是True,则复制目录时将保持文件夹下的符号连接,如果第3个参数是False,则将在复制的目录下生成物理副本来替代符号连接 shutil.rmtree( src ) 递归删除一个目录以及目录内的所有内容

eclipse项目中.classpath文件详解

情到浓时终转凉″ 提交于 2020-02-24 21:06:46
1 前言 在使用eclipse或者myeclipse进行java项目开发的时候,每个project(工程)下面都会有一个.classpath文件,那么这个文件究竟有什么作用? 2 作用 .classpath文件用于记录项目编译环境的所有信息,包括:源文件路径、编译后class文件存放路径、依赖的jar包路径、运行的容器信息、依赖的外部project等信息。如果把该文件删除,则eclipse不能讲该工程识别为一个正常的java工程,仅仅当做普通的文件夹而导致不能正常运行。 3 .classpath内容 .classpath文件其实也是一个xml格式的内容文件,其具体内容大致如下: <?xml version="1.0" encoding="UTF-8"?> <classpath> <classpathentry kind="src" path="src"/> <classpathentry kind="src" path="resource"/> <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/jdk1.7"> <attributes> <attribute name=

鼠标在网页上的拖动效果

点点圈 提交于 2020-02-20 07:55:39
使用JavaScript写的鼠标拖动效果      近日项目中要做一个鼠标拖拽层的效果,于是手动使用Jquery做了一个,发出来跟大伙儿分享一下,并希望能得到高手的指点,如果哪位大侠觉得我的思路和代码不正确或者需要改进的话,希望能指点一二,在下感激不尽。 效果展示 下面是我的源代码 <html> <head> <style> div{ width:200px; height:200px; background-color:red; position:absolute; } </style> <script> function getPos(ev){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; // 为了实现兼容性按道理来说在网页的头部加上<!DOCTYPE html>之后,只是用document.documentElement.scrollTop这个就可以了,但是谷歌 // 浏览器却不支持这个,而是支持document.body.scrollTop。由于任何一种浏览器只支持其中的一个,所以两个相加就实现了兼容性了 var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;