TA的每日心情 | 开心 2018-5-26 23:41 |
---|
签到天数: 20 天 [LV.4]偶尔看看III
|
本帖最后由 davidgong2011 于 2016-1-29 13:04 编辑 : p4 J( N& C3 u
! _ \* o) ]( Y1 z4 W/ }问题描述:* J9 S- s1 `5 R
词库调用javascript实现在点击相关内容时展开/折叠内容并修改图片,折叠已经实现,但是词库加载的时候有图片,点击以后就没有图片了;
2 k- m# r# I9 Q% i1 X9 U
/ @' }+ f9 C9 @# v; l词库源文件结构如下
. f G8 ~ b3 Q: _\File
! y3 _8 \8 j4 s; ?. p\File\fold.js2 g1 p1 }! y2 x$ z" m+ M
\File\minus.png
3 T# s" J2 ~9 O1 z- {) u6 c\File\plus.png% m8 i6 j! {" P+ W
\ciku.txt
% P4 V) ^+ M {8 g& d. \词库源文件如下:
4 B3 Q* C. q N20045242353006# s; _8 H5 d; O, P, V% R4 L
<Script src="file/fold.js"></script>BIT 1/16" TiN Shockwave<br />
# p: ~( W' N( q, ~. Z% _1 }1/4" Hex Shank,Normal Helix,No ChipBreaker<br />
5 v$ s" h4 \1 B3 O6 ]8 S6 ~7 ]SKU:48-89-4601 Bulk:50-89-4601; @( o7 p+ U& i4 b- m
<hr />7 s# W9 G O& s& Y/ Y. f
<image id="imgcon1" width="14" height="14" align="center" src="file:///plus.png" style="float:left;" onClick="disp(1)"/>
# s' U; L. C& U6 x1 d<div id="divcon1" onClick="javascript:disp(1)" style="float:left;"><font color=blue>BARCODE</font></div>
, A, Q$ l" B8 _0 b) w<div id="div1" style="display:none;left:15px;">Inner pack:10045242353009; Skincard:45242353002<br /></div>
" O! L% C. u8 D2 w2 j<image id="imgcon2" width="14" height="14" align="center" src="file:///plus.png" style="float:left;" onClick="disp(2)"/>* T& w+ W% F$ J8 c3 h
<div id="divcon2" onClick="javascript:disp(2)" style="float:left;"><font color=blue>LOGO</font></div><br />, g2 a9 O6 R3 Y G" B+ D
<div id="div2" style="display:none;left:15px;">MILWAUKEE LOGO 1/16</div><br />
" q& r! k2 g8 a" @% S5 w' R3 N% r, n<image id="imgcon3" width="14" height="14" align="center" src="file:///plus.png" style="float:left;" onClick="disp(3)"/> H+ I6 A ~0 f! N: V; A& X
<div id="divcon3" onClick="javascript:disp(3)" style="float:left;"><font color=blue>PACKAGE</font></div><br />( o. f/ J6 O. L* I
<div id="div3" style="display:none;left:15px;">2PCS*5 SKIN CARD/PE BAG; Carton QTY:450<br /></div><br />) v8 e! I, [. M O5 m
<image id="imgcon4" width="14" height="14" align="center" src="file:///plus.png" style="float:left;" onClick="disp(4)"/>
) B$ k6 {/ o* E; L( w4 P<div id="divcon4" onClick="javascript:disp(4)" style="float:left;"><font color=blue>DIMENSIONS</font></div>
7 b ~8 _" I4 ]<div id="div4" style="display:none;left:15px;">& e- q4 c% m' R" T* y, U
Tip diameter: 1.588+0/-0.013<br />
# H( h5 R* j O* TRun out: 0.5<br />" X2 ?2 u) {* S* e' T( }
Tip angle: 135+5/-5<br />
/ H7 }* b( V6 r+ _ s; LRelief angle: 13~19<br />- t7 F' K2 I& {3 T* E, m
Hardness A: 62~67; C: 35~66<br />
( g- J/ R$ |3 g2 }1 G( E9 SOverall Length: 57.15+3/-1.5<br />: w8 H* j. u# I% l4 F
Breakaway torque(IN-LBF): 10<br />
; s0 x$ {; v" L; }( eShank width: 6.3+0.05/-0.05<br />
2 q( J% I/ i) h9 S1 c' z</div>5 |. }. l6 W5 r9 |5 v
# }! q( Z, a+ y) S1 _
javascript代码如下7 Y; m9 K6 Z1 K3 n; J! ?
function disp(num) / T, N# r1 Y8 k* o$ x. D
{0 O! @2 g- p. v1 Y' @4 i8 M( N
if (document.getElementById("div"+num).style.display == "none") 0 l4 l# D5 ?' M& N U9 Z+ \
{
$ g+ I: {4 Z0 q5 Z document.getElementById("div"+num).style.display = "block";, O' N3 q7 }) |0 r G
document.getElementById("imgcon"+num).src = "file/minus.png";
% X' Z1 f" _6 l}( j- G2 e6 y* C' A1 `- I! \; M% M
else ' I/ R. j: j" t$ i+ ~( T1 i) @' q
{$ |0 m/ @# v' j3 ?& T, q% t
document.getElementById("div"+num).style.display = "none";
: V' h9 G) j' i document.getElementById("imgcon"+num).src = "file/plus.png";- [' O( P! S& T8 F$ t& M8 W. m0 k
}
: d _7 @8 {" \}
. E6 ~# y( |; x |
|